1. 라우팅 그룹 app(root segment)내의 서브트리 구조내에서 개발자의 관리 편의성을 높히기 위해 디렉터리를 그룹화하여 다룰 수 있는 기능을 의미합니다. (docs) 세그먼트처럼 "(", ")"로 감싼 상위 디렉터리는 ✘ localhost:3000/(doc)/guides로 표시되지 않고 ✔︎ localhost:3000/guides로 표시됩니다. 즉, (docs)디렉터리는 url path에 영향을 미치지않고 개발 프로젝트의 디렉터리 구조 내에서 그룹의 이름표 역할을 해주어 (docs)는 도큐먼츠를 의미하니 문서들을 모아둔 그룹이라고 볼 수 있겠네요. 해당 그룹의 용도나 기능 등을 바로 파악할 수 있도록 도와주는 기능입니다. 위 그림의 예시에선 마케팅과 숍을 나누어 관리하는 그룹이군요. 1. 라우..
1. 개발 환경 구성 터미널을 통해 프로젝트를 생성하기에 앞서 원하는 경로에 접근한다. 접근한 경로의 하위 디렉터리로 프로젝트가 만들어짐. 1. nextjs13 프로젝트 생성 전 조건 확인 조건 nodejs 버전 ^14.18.0 || ^16.14.0 || >=18.0.0 node -v 버전이 낮을 경우 nvm을 통해 필요 버전을 설치 및 적용한다. 2. nextjs13 프로젝트 생성 npx create-next-app@latest next_app 가장 최신버전의 nextjs를 요청하는 코드 프로젝트명은 next_app으로 생성한다. 3. 프로젝트 생성 옵션 선택 ✔ Would you like to use TypeScript? … No / Yes 타입스크립트 사용 ✔ Would you like to use..