정훈's 프로그래밍

1. App Router 구조Next.js 15의 App Router는 app/ 디렉토리 내의 파일과 폴더 구조를 통해 라우팅을 정의합니다. 주요 파일과 그 역할은 다음과 같습니다:page.tsx: 해당 경로의 페이지를 정의합니다. 예: app/page.tsx → / 경로.layout.tsx: 해당 경로와 하위 경로에 적용되는 레이아웃을 정의합니다. 예: app/layout.tsx → 전체 애플리케이션의 기본 레이아웃.error.tsx: 오류 발생 시 표시되는 오류 페이지를 정의합니다.loading.tsx: 로딩 중일 때 표시되는 UI를 정의합니다.route.tsx: API 엔드포인트를 정의합니다.폴더를 추가하면 경로가 자동으로 생성됩니다. 예를 들어, app/blog/page.tsx는 /blog 경로를..

1. 환경 설정Node.js 및 npm 설치:Node.js 공식 홈페이지에서 최신 LTS 버전을 다운로드 및 설치합니다.터미널에서 다음 명령어로 버전을 확인하여 올바르게 설치되었는지 확인합니다.node -vnpm -v2. 프로젝트 생성Next.js는 기본적으로 React를 포함하고 있으므로 별도로 React를 설치할 필요 없이 Next.js를 통해 프로젝트를 시작할 수 있습니다.create-next-app 사용:터미널에서 아래 명령어를 입력하여 새 프로젝트를 생성합니다.@latest 옵션은 최신 버전의 create-next-app을 사용함을 의미합니다.참고:"my-next-project"는 프로젝트 이름입니다. 원하는 이름으로 변경할 수 있습니다.옵션 선택:명령어 실행 후 CLI에서 TypeScript,..