프론트엔드/🐏️ Next.js

Next.Js 디렉터리 구조 설계하기

들어가며기존에 개발 공부를 독학하면서 Next.js 를 사용하여 간단한 커뮤니티 게시판 (+리댓글 기능까지) 구현했던 적이 있는데 그때 남겨뒀던 기록 아카이브 용입니다. 기억으로는 Next.js 13 을 기준으로 하였으며, 추후에 글이 수정될 수 있습니다. Next.js 의 파일구조 별로 코드가 실행되는 기능이 다르기 때문에, https://wityan.medium.com/next-js-project-structure-1531610bed71 를 참고하여 전체적인 구조를 잡았습니다. 1. Elementssrc ┣ components ┃ ┣ elements ┃ ┃ ┗ Icon ┃ ┃ ┃ ┗ Icon.tsx이 디렉토리에는 앱의 모든 기본 구성 요소가 포함되어 있습니다. 예를 들어 버튼이나 헤드라인 컴포넌트가 ..