안녕하세요

오.코.분 목표: 트렌드를 만들어 내는 pmndrs의 jotai sample을(쉬운것부터) 분석하고 블로그 프로젝트에 jotai 상태관리를 도입해보자. 새로 학습한 내용 atom 선언시 콜백 함수의 인자로 오는 get 이용 방법 배열의 요소로 atom을 직접 생성하여, 외부에서 해당 배열의 요소(atom)를 useAtom으로 선언할 수 있다. 해당 요소는 배열의 요소와 동일한 참조값을 지닌다. React-Spring 라이브러리를 활용해서 애니메이션을 만들어 봐야겠다. 동일한 참조값을 지닌 요소를 remove의 인자로 전달하여 삭제하는 방식을 배웠다. 참조값에 대한 개념이 확장됐다. 오픈 소스 코드 분석 대상 pmndrs/jotai 레포지토리의 examples todoes 폴더 https://github...

오.코.분 목표: 트렌드를 만들어 내는 Vercel의 코드를 (쉬운것부터) 분석하고 내 코드 스타일을 개선하자. 새로 학습한 내용 Next.js Head 태그로 SEO 성능 높이기 onChange 이벤트 내에서 라이브러리 dynamic import Modal은 dynamic import로 코드 스플리팅하여 초기 렌더링 속도 향상 SyntaxHighlighter와 react-modal 이라는 라이브러리를 써 봐야겠다. Next.js 13 이전 버전에서는 getServerSideProps로 데이터를 페칭한다. 오픈 소스 코드 분석 대상 vercel/next-learn 레포지토리의 SEO 폴더 https://github.com/vercel/next-learn/tree/main/seo 1. Next.js는 페이..