Next.js + TypeScript

야심차게 next.js를 공부해보려고 했지만 첫 벽부터 난관이었다. 을 실행하자마자 index.js로 달려갔지만, 아뿔싸 div태그가 입력이 안 되는 것이다?!?! 전에도 react를 처음 실행할 때 이런 문제가 있었던 것으로 기억해서, 메모리를 더듬어 방법을 찾아냈다

next.js에 api 적용을 하기 위해 이것저것 검색을 하다가 CRA와는 다른 점을 또 찾아냈다..env에 환경변수 등록을 통해 api 조회를 할 수 있다는 것을 우리는 알고 있다..env 파일에서 REACTAPP 접두어를 사용하면, Create React App에서

Abort fetching component for route: "/" 오류는 Next.js에서 페이지를 불러오는 도중에 중단되었음을 나타냅니다. 이 문제를 해결하려면 다음과 같은 단계를 수행하세요.로그인 로직을 메인 페이지에서 처리하는 대신 별도의 페이지에서 처리하도

틀린 말은 아니지만,,, 타입 지정 정말 어렵다.

SSR을 하기 위해서, 서버에서 토큰을 받아와 쿠키에 저장을 했어야 했다. 그래서 토큰이 없다보니 계속 데이터를 받아올 수 없는 문제가 있었다.해결방법으로는 header에 토큰을 같이 보내주는 방식으로 해결할 수 있었다.

onChane 이벤트를 발생시킬 때, 지정해줘야 할 타입이 setElement와 비슷하다는 생각이 들었다.

특화프로젝트에서 Next.js에서 제공하는 Image태그를 제대로 활용하지 못한 것이 아쉬워서 개인적으로 찾아보았다.Next/Image 컴포넌트에서 제공하는 대표적인 기능은 다음의 3가지입니다.lazy loading이미지 사이즈 최적화placeholder 제공각 기능에