React

Next.js 기초 개념 정리

이번 POC를 진행하면서 새롭게 다루게 된 Next.js 프레임워크를 공부한 내용을 정리해보고자 한다. 혼자 공부하고 확인할 용도로 작성한 것이라서 가독성이 좀 떨어질 수 있다...😐 Pre-rendering pages 폴더 안에 기재된 파일 이름 대로(또는 index.ts를 포함한 디렉토리 이름 대로) 자동으로 routing 기능이 적용됨. 예) src/pages/about.ts localhost:3000/about 에서 해당 파일내의 컴포넌트를 출력해줌. 컴포넌트의 이름은 상관이 없다. Home이든 Potato든 ... 컴포넌트는 default로 export 되어야 한다. 만약에 user가 존재하지 않는 url로 요청한다면 next.js가 자체적으로 404 페이지를 보여줌. (CRA는 404페이지 따..