app router2 [Next.js] Routing Routing(라우팅) 먼저, 라우팅을 이야기할 때 주로 사용되는 용어를 살펴보겠다. Tree(트리) 계층적 자료 구조. 예를 들어 부모 및 자식 컴포넌트가 있는 컴포넌트 구조, 폴더 구조 등이 있음 Subtree(하위 트리) 새로운 기준의 계층에서 시작해 마지막에서 끝나는 트리의 일부 Root(루트) 트리 또는 하위 트리의 첫 번째 노드 Leaf(리프) 세그먼트의 노드 중 자식이 없는 노드(예를 들어, URL 경로의 마지막 세그먼트) URL Segment, URL Path 세그먼트는 슬래시로 구분된 URL 경로의 일부이며, URL Path는 도메인 뒤에 오는 URL의 일부(세그먼트로 구성)이다. App Router(앱 라우터) Next.js 13버전에서는 공용 스타일을 관리하는 레이아웃 파일, 중첩 라.. 2023. 8. 5. [Next.js] Getting Started - Installation(설치하기) Next.js 공식문서 바로가기 Next.js 설치하기 React의 CRA와 유사하게 간편 설치할 수 있으며, 자동 설치와 수동 설치가 있다. 자동 설치 자동 설치의 경우, 명령어로 설치 후 기본적인 폴더 구조가 자동으로 생성된다. npx create-next-app (프로젝트명) 설치 시 아래와 같은 프롬프트가 표시된다. Would you like to use TypeScript? (타입스크립트 사용 여부) Would you like to use ESLint? (eslint 사용 여부) Would you like to use Tailwind CSS? (테일윈드 사용 여부) Would you like to use `src/` directory? (src 폴더를 사용할지 여부) Would you like .. 2023. 8. 2. 이전 1 다음