JNarin Development Story

오늘 업데이트를 하면서 잘못 올린 코드가 있어 한번 시도를 해본 과정을 정리하려 이 글을 쓴다. 바로 전에 커밋한 메시지를 수정하기 위해서는 다음과 같은 코드를 커멘드에 입력한다. git commit --amend 이 명령어는 좀전에 바로 올린 커밋 메시지를 수정하는 명령어다. 코드 입력시 무언가 화면에 하나가 추가가 되는데 여기서 수정을 한 후 저장하고 나가면 자동으로 저장이 되는 것을 확인할 수 있다. 바로 git log를 통해 확인이 가능하다. 이렇게 하면 커밋 메세지가 변경이 된 것을 확인이 가능하다. 하지만... 필자는 이미 업데이트를 한 상태에서 해서 그런지... 반복된 시도 끝에 성공은 했다. 먼저 일단 원격 저장소에 있는 커밋부터 삭제를 해줘야 한다. 먼저 필자가 하고 싶은 것은 올라간 것..

공부를 지속하다 보면 근본적인 지식에 대한 갈망을 하게 된다. 이전에는 유튜버가 추천한 책을 보고도 감흥이 별로 없이 대충 보다가 말았지만... 다시 필요성을 느끼게 되어서 다시 찾아서 보게 되었다. IT에 관심이 많아 찾아보신 분이라면 알 수 있는 서적이다. 처음에는 보고 나중에 봐야겠다 해놓고 캡처만 해두었다가, 두 번째 도서관에서 빌릴 때 제대로 읽게 되었다. 이 책을 읽으려는 근본적인 이유는 벡단을 알기 위해다. 이전까지는 벡단이 무엇인지 뭉텅 그리듯이만 알고 정확히 어떤 개념으로 이해해야 할지 몰랐다면, 이 책을 읽고 해소가 말끔해지게 되었다. 물론, 완벽하게는 아니다. IT 세계는 매일 매시간 매초마다 바뀐다고 생각하기 때문에, 그들의 발자취를 뒤따라가는 수준이 되었고, 그리고 그들의 대화가 ..

오늘은 프로그래머스의 문자열 다루기 기본을 풀이과정을 적어보려고 한다. 프로그래머스는 난이도 조절이 너무 애매한 것 같다... 1. 문제 설명 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다. 2. 제한 사항 s는 길이 1 이상, 길이 8 이하의 문자열입니다. 3. 입출력 예 s return "a234" false "1234" true 4. solution.js function solution(s) { var answer = false; let temp = Number(s); if((s.length == 4 || s.length == 6) && tem..

오늘은 JavaScript에서 연습문제 중 약수의 합에 대해 문제를 풀어보려고 한다. 1. 문제 설명 정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요. 2. 제한 사항 - n은 0 이상 3,000 이하인 정수입니다. 3. 입출력 예 n return 12 28 5 6 입출력 예 설명 입출력 예 #1 12의 약수는 1, 2, 3, 4, 6, 12입니다. 이를 모두 더하면 28입니다. 입출력 예 #2 5의 약수는 1, 5입니다. 이를 모두 더하면 6입니다. 4. solution.js function solution(n) { var answer = 0; for(var i = 1; i

1. 문제 설명 124 나라가 있습니다. 124 나라에서는 10진법이 아닌 다음과 같은 자신들만의 규칙으로 수를 표현합니다. 1. 124 나라에는 자연수만 존재합니다. 2. 124나라에는 모든 수를 표현할 대 1, 2, 4만 사용합니다. 예를 들어서 124 나라에서 사용하는 숫자는 다음과 같이 변환됩니다. 10진법 124나라 10진법 124나라 1 1 6 14 2 2 7 21 3 4 8 22 4 11 9 24 5 12 10 41 자연수 n이 매개변수로 주어질 대, n을 124 나라에서 사용하는 숫자로 바꾼 값을 return 하도록 solution 함수를 완성해 주세요. 제한사항 - n은 500,000,000 이하의 자연수입니다. 2. 풀이 2-1. JavaScript 언어 function solution..

오래간만에 잡다한 내용이지만, 나름대로 열심히 찾아보곤 해서 그 자료를 보관하고자 이 글을 쓰게 되었다. 1. 마우스 커서 사이트 먼저 마우스 커서를 바꾸기 위해서는 사이트를 방문해보았다. 1) Free Cursor Downloads 그나마 본 사이트 중에서는 종류도 다양하고 퀄리티도 생각보다 높은 편이다. 게다가 다는 아니지만 세트로 구성된 마우스 커서도 존재한다. 현재 예시로 보여주는 이미지는 필자가 쓰고 있는 마우스 커서 디자인이다. 위 이미지로만은 이게 세트인지 확실히 보기는 어려울 수 있지만, 아래로 스크롤을 내려다 보면 세트로 구성된 이미지를 확인할 수 있다. 위에서 다운로드한 후 설치를 하면 된다. 물론 수동으로 하는 방법도 있다. 2) Cursor Library 이 사이트는 한번도 다운을 ..

최근 다시 프로젝트를 준비하면서 디자이너가 따로 정해진 자가 없기에 각자 퍼블리싱을 준비하고 있다. 그렇다 보니 다양한 사이트가 나오게 되면서 필자는 괜찮은 사이트를 몇 개 정리를 하기 위해 오늘도 글을 쓰게 되었다. 1. Open Color 이 사이트는 이전 프로젝트를 할 당시 어떤 분이 팔레트로 이 사이트 작업을 진행해주셨다. 그때 보고는 이게 무엇인가 잘 몰랐지만 생각보다 유용해 보여서 가져오게 되었다. 그리고 새로운 프로젝트에도 꽤 유용할 것 같아서 가져오게 되었다. 가장 많이쓰이거나 인기 있는 색상들을 10단계로 표현을 하였다. 무엇보다도 가장 마음에 들었다는 것은 칼라를 10단계로 나누어 표현을 한 것이다. 필자와 같이 칼라고자(?)는 색상 고르는데 생각보다 오래 걸린다. 그래서 이러한 칼라차..

지난번에 지그재그를 풀어가는 과정을 나열해보았다. 그때는 다른 블로거들의 참고를 통해 해 보았지만, 이번엔 직접 다른 문제를 각색하여 풀어보려고 한다. 1부터 10까지 지그재그로 출력하려 한다. 두번째 줄은 거꾸로 출력 먼저 1부터 10까지 출력 지그재그 출력 먼저 10줄 출력 확인 10 줄에 맞게 행을 출력한다. 마지막으로 공부한 reserve를 추가하면 된다. 후.. 드디어 성공했다. 여기서 마지막으로 깔끔하게 보기 위해 한가지만 더 추가하려고 한다. 처음에는 split를 사용해보려 하였지만, 아직 익숙지 않아서 다른 방법을 찾아보니까 join함수가 있다. 간단하게 붙여서 하는 join함수로 내가 원하는 모양을 변형을 할 수 있다. 지그재그 출력 바로 다음날 하면 당연히 기억이 좋기 때문에 응용력도 ..