전체 글

제가 살면서 궁금하거나 알게된 것들을 메모처럼 남겨요.
NEXTJS13

NextJS 13 마스터 코스 2

1. 라우팅 그룹 app(root segment)내의 서브트리 구조내에서 개발자의 관리 편의성을 높히기 위해 디렉터리를 그룹화하여 다룰 수 있는 기능을 의미합니다. (docs) 세그먼트처럼 "(", ")"로 감싼 상위 디렉터리는 ✘ localhost:3000/(doc)/guides로 표시되지 않고 ✔︎ localhost:3000/guides로 표시됩니다. 즉, (docs)디렉터리는 url path에 영향을 미치지않고 개발 프로젝트의 디렉터리 구조 내에서 그룹의 이름표 역할을 해주어 (docs)는 도큐먼츠를 의미하니 문서들을 모아둔 그룹이라고 볼 수 있겠네요. 해당 그룹의 용도나 기능 등을 바로 파악할 수 있도록 도와주는 기능입니다. 위 그림의 예시에선 마케팅과 숍을 나누어 관리하는 그룹이군요. 1. 라우..

NEXTJS13

NextJS 13 마스터 코스 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..

saram_saram
myDailyNote