JNarin Development Story

오늘은 티스토리 스킨을 바꾸면서 종종 까먹는 설정을 다시 설정하기 위한 방법을 적으려 한다. 처음 설정을 한 후 종종 까먹어서 다음번에도 기억하기 위해서 작성하게 되었다. 1. 네이버 웹마스터도구 일단 네이버 웹마스터 도구에 대해 설명을 하려 한다. 네이버 웹마스터 도구는 본인이 운영하는 웹사이트의 검색 수집, 색인 반영 현황을 제공하고 검색에 친화적인 사이트로 관리하는데 필요한 진단 리포트를 제공하는 서비스다. 2. 네이버 웹마스터 도구를 왜 쓰는가? 필자가 이것에 대해 알게 된 이유는, 티스토리 블로그를 관리하면서 느낀 게 아무리 열심히 해도 네이버에 유입이 너무 적었던 이유였다. 그래서 주변에 물어보니 네이버는 티스토리 수집을 막는다는 이야기를 들었고, 유입을 높이기 위해서는 네이버 웹마스터 도구를..

자주 쓰이고 있지만, 아직까지도 헷갈리는 map함수, 그래서 오늘은 정리를 해보려고 한다. 물론 이 정리를 시작으로 개념정리가 되어도, 얼마든지 까먹을 수 있으니... 수시로 찾아와서 한번씩 점검을 하려 한다. 1. map function? map 함수는 callbackFunction을 실행한 결과를 가지고 새로운 배열을 만들 때 사용한다. (여기서 callback function은 다른 함수에 인수로 전달된 함수이며 외부 함수 내부에서 호출되어 일종의 루틴이나 작업을 완료하는 것을 의미한다.) arr.map(callback(currentValue, index, array), thisArg) map함수는 callback, thisArg함수를 가지고 있으며, callback은 currentValue, in..

써보고 싶었지만 아직까지 써보지 않다가 이번에 알게 되어서 쓰게 된 코드펜 다른 사람도 이 편한 기능을 썼으면 해서 오늘은 코드 펜에 대한 이야기를 쓰게 되었다. 1. 코드펜이 무엇인가? 코드펜(CodePen)은 사용자가 HTML, CSS, Javascript를 작성하면 실시간으로 보여줄 수 있는 온라인 코드 편집기다. 또한 코드 펜은 티스토리나 다른 블로그에도 올릴 수 있도록 코드를 가져올 수 있는 것이 큰 장점이라고 할 수 있다. 먼저 궁금하신 분들을 위해서 해당 링크를 남겨둔다. 코드펜 바로가기 클릭하기 2. 코드 펜을 왜 쓰는가? 그렇다면 개발자들이나 코딩을 하는 사람들은 코드펜을 쓰는 이유가 무엇인가? 아래의 장단점을 필자가 느껴본 지극히 개인적 견해임을 참고하길 바랍니다. 1) 코드 펜의 장점..

리액트를 많이 사용하고 협업을 하게 된다면 가장 중요한 것 중 하나이다. 하지만 초반에 설정하고 나면, 쉽게 잊혀가는 기능 중 하나이다. 오늘은 이에 대한 내용을 정리하였다. Prettier이란? prettier은 VS Code Extension 중에 코드를 정렬해주는 Formatter이다. - 독보적인 코드 포멧터다. - 다양한 언어를 지원한다. - 대부분의 편집자와 통합을 할 수 있다. - 옵션이 거의 없다. 왜 Prettier을 왜 쓰는가? - 저장을 누르면 코드가 포맷이 된다. - 코드 리뷰에서 스타일을 논의할 필요가 없다. - 시간과 에너지를 절약할 수 있다. Prettier을 어떻게 쓰는 것인가? 1) Extension 설치 Visual Studio Code에서는 Extension에 prett..