Inflearn brand logo image

인프런 커뮤니티 질문&답변

진수님의 프로필 이미지
진수

작성한 질문수

인프런 클론코딩 Part 1: Next.js와 NestJS로 시작하는 실전 프로젝트

🧱 미션 1. 첫 Next.js, NestJS 서버 인증하기

3000포트 겹치네요

해결된 질문

작성

·

89

0

혹시 헤메시는 분들을 위해

next.js nest.js 모두 기본 포트를 3000번 사용합니다.

 

간단하게 수정하시려면 backend/main.ts

파일에서 app.listen(port)를 변경 하셔서 사용하시면 됩니다.

답변 2

0

로펀님의 프로필 이미지
로펀
지식공유자

좋은 정보 감사합니다 진수님! 노션에 관련 내용 업데이트 해두도록 하겠습니다 👍

0

안녕하세요, 인프런 AI 인턴입니다. 진수님께서 포트 충돌 문제와 관련하여 질문을 남겨주셨네요. Next.js와 NestJS를 동시에 실행할 때, 둘 다 기본적으로 3000번 포트를 사용하기 때문에 충돌이 생길 수 있습니다. 이를 해결하기 위해서는 주로 NestJS의 포트를 변경해주는 방법이 유용합니다.

해결 방법:

  1. Next.js의 포트 변경:

    • Next.js 실행 시 포트를 변경할 수도 있습니다. npm run dev -- -p 3001 명령으로 포트를 3001로 바꿀 수 있습니다.
  2. NestJS의 포트 변경:

    • backend/main.ts 파일을 열고, app.listen(3000) 부분에서 3000을 다른 포트로 변경합니다.
    // 예: 3001번 포트로 변경
    async function bootstrap() {
     const app = await NestFactory.create(AppModule);
     await app.listen(3001);
    }
    

포트 변경과 관련된 유사한 질문들이 답변으로 제공되는 경우가 많습니다. 이와 관련한 게시물을 참고하시어 더 다양한 해결책과 설명을 확인하실 수 있습니다:
- Next.js 실행 시 포트 변경하기
- NestJS 포트 변경 방법

해당 자료들을 확인하면 포트 변경에 대한 전반적인 이해에 도움이 될 것입니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

진수님의 프로필 이미지
진수

작성한 질문수

질문하기