https://taedonn.com/태돈(taedonn) | 개발 정리, 에러 핸들링, 코드 리뷰 등 적는 기술 블로그. 2024-05-13T03:21:38+00:00 taedonn https://taedonn.com/ Jekyll © 2024 taedonn /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 2023-12-04T01:23:00+00:00 2023-12-04T01:23:00+00:00 https://taedonn.com/posts/37/ taedonn

XML Sitemap이란? 사이트맵은 사이트의 페이지, 동영상 및 기타 파일들에 대한 정보를 제공하는 파일입니다. 누구한테 제공하냐면 사이트를 읽고 검색 엔진에 보여주는 크롤러에게 제공합니다. 사이트맵을 만드는 이유는 크롤러가 내 사이트를 크롤링하기 전에 어떤 페이지와 어떤 컨텐츠가 있는지 요약 정보를 제공해 줌으로써 좀 더 효율적인 크롤링을 가능하게 해 주기 때문입니다. 구글 공식 문서에 따르면, 사이트맵이 필요한 경우는 다음과 같습니다. 사이트의 규모가 큰 경우 만든지 얼마 안 됐거나 외부 링크가 적은 경우 페이지 간 연결이 잘 안 되어있거나 개별적으로 존재하는 페이지가 많은 경우 비디오나 이미지처럼 미디어 컨텐츠가 많거나 구글 뉴스에 나온 경우 사이트맵이 잘 작성되어 있는...

2023-11-28T00:42:00+00:00 2023-11-28T00:42:00+00:00 https://taedonn.com/posts/36/ taedonn

nextjs-progressbar https://github.com/apal21/nextjs-progressbar NProgress 기반 Next.js 라이브러리인데 사용법이 간단해서 쓰기 좋은 듯 싶습니다. 하지만 커스터마이징 옵션을 많이 제공하지 않는 건 아쉬운 부분입니다.   사용법 npm 설치 npm i nextjs-progressbar _app.js에 NextNProgress를 import 합니다. import NextNProgress from 'nextjs-progressbar'; import한 NextNProgress를 JSX 요소 내에 넣어 줍니다. 끝. import NextNProgress from 'nextjs-progressbar'; ex...

2023-11-22T05:03:00+00:00 2023-11-22T05:03:00+00:00 https://taedonn.com/posts/35/ taedonn

클라이언트에서 process.env가 undefined를 반환하는 이유? Next.js는 환경 변수를 Node.js 환경에서만 읽을 수 있게 제한하고 있습니다. 브라우저에서는 접근할 수 없기 때문에 undefined가 뜨는 것. .env TEST_URL="https://test.com" index.js export default function Index() { console.log("process.env.TEST_URL" + process.env.TEST_URL); } console   클라이언트에서 필요한 경우가 있을까? 거의 없긴 하지만 100%라고 확신할 수는 없습니다. 예를 들어 카톡으로 웹페이지 공유 기능을 구현할 때 카카오 개발자 페이지에서 자바스크립트 key를 발...

2023-11-17T01:33:00+00:00 2023-11-17T01:33:00+00:00 https://taedonn.com/posts/34/ taedonn

react-color-palette https://github.com/Wondermarin/react-color-palette color picker 툴인데 가장 유명한 react-color보다 가볍고 사용법도 간단합니다. 특히 typescript 기반으로 만들어져서 typescript 프로젝트에서 오류가 날 확률이 적습니다. 개인적으로는 디자인도 제 스타일. https://github.com/Wondermarin/react-color-palette   설치 처음부터 typescript 기반으로 제작돼서 따로 types 라이브러리는 없는 거 같습니다. # yarn yarn add react-color-palette # npm npm install react-color-palette ...

2023-11-07T13:24:00+00:00 2023-11-07T13:24:00+00:00 https://taedonn.com/posts/33/ taedonn

커밋 아이디 확인 커밋을 제어하기 전에 먼저 커밋 아이디를 확인해야 합니다. 커밋 아이디는 커밋을 생성할 때마다 자동으로 생성되는 고유 아이디를 의미합니다. 터미널을 열고 프로젝트 루트 폴더로 이동 후 git log를 입력하면 최신 커밋과 같이 이전 커밋들도 시간 순서대로 보여줍니다. git log git log   git revert, reset revert, reset은 커밋을 되돌리기 위해 사용하는 명령어입니다. 둘 다 커밋을 되돌린다는 점에서는 동일하지만, reset은 커밋 history 자체를 뒤로 돌리고, revert는 커밋 history는 그대로 유지한 체 로컬 파일만 이전 커밋 상태로 되돌린다는 차이점이 있습니다. git reset # 커밋 history를 이전으로 되돌린...