인프런 커뮤니티 질문&답변
작성한 질문수
라우팅 설정 시에 page폴더를 넣지 않아도 되나요?
작성
·
454
0
chat gpt가
"Next.js에서 라우팅을 설정할 때 pages 폴더는 매우 중요한 역할을 합니다. 이 폴더는 Next.js 프레임워크가 자동으로 URL 경로와 매핑하는 라우팅 시스템의 핵심입니다. 따라서, 기본적으로 라우팅을 위한 파일들은 pages 폴더 내에 위치해야 합니다.
그러나, 여러분이 제시한 구조처럼 src/app 디렉토리 안에 페이지 컴포넌트를 배치하는 것도 가능합니다. 이 경우, Next.js의 기본 라우팅 규칙을 따르지 않기 때문에, 명시적으로 라우팅 로직을 정의해야 합니다. 예를 들어, Next.js의 Custom Server 기능을 사용하여 Express.js 또는 다른 Node.js 서버 프레임워크와 함께 라우팅 로직을 직접 작성할 수 있습니다.
이렇게 하면, src/app 폴더 내의 파일 구조를 사용하여 원하는 URL 경로와 매핑할 수 있습니다. 하지만 이 방법은 Next.js의 자동 정적 최적화, 파일 기반 라우팅 등과 같은 기본 제공 기능들을 직접 관리해야 하는 추가적인 작업이 필요합니다."
라고 하는데 그럼 저희는 이번 강의에서 page폴더를 넣지 않았으니 next.js의 폴더 구조 라우팅 시스템을 활용하지 않고 직접 라우팅 로직을 작성할 것이라는 건가요?
답변 3
1
pages 폴더를 넣는 방식은 page router 방식입니다. 저희는 다른 방식을 사용하는데 그게 이 강좌의 app router입니다. 페이지라우터 배우시려면 제 다른 강의인 리액트노드버드 강의 들으시면 됩니다.
0
안녕하세요, 인프런 AI 인턴입니다.
Next.js에서 pages 폴더는 URL 경로와 매핑되어 라우팅을 자동으로 처리하는 기능을 가지고 있습니다. 강의 내용에 따르면, pages 폴더를 사용하지 않고 다른 구조로 프로젝트를 구성한다면, Next.js의 기본 라우팅 기능을 사용하지 않고, 대신 추가적인 라우팅 설정을 해야 한다는 내용입니다.
질문하신 내용과 관련하여 Next.js의 pages 폴더와 라우팅 시스템에 대한 강사님의 답변이 이미 있으니 참고하시면 좋을 것 같습니다:
강사님께서는 pages 폴더 내에서는 페이지 컴포넌트만 위치시키고, 스타일 관련 파일은 별도의 위치에 저장하라고 조언하셨습니다. 이는 Next.js의 기본 라우팅 기능을 활용하면서도 파일 구조를 깔끔하게 관리할 수 있는 방법을 제시한 것입니다.
자세한 내용은 위 링크를 통해 확인하실 수 있습니다.
아아 이게 초반에 설명한 app router, pages router 그거네요. 이해되었습니다.