🍊 낑깡팜_03 : Next.js 실행 포트 변경하기

진행 상황

• 낑깡팜 피드
  • 팔로우가 있을 경우, 팔로우의 게시글이 나타난다.
• 계정 검색 : 사용자 이름 검색
• 유저 페이지
  • 유저 정보
  • 판매중인 상품이 있을 경우 판매중인 상품 목록이 보인다
  • 피드는 리스트형/앨범형으로 나타난다.
  • 상단 더보기 버튼을 누르면 팝업창이 나타난다
• 마이 페이지
  • 나의 정보 : 프로필 수정 버튼을 클릭하면, 프로필 편집 창이 나타난다.
  • 판매중인 상품, 피드는 유저 페이지와 동일
  • 피드, 판매중인 상품에 대한 팝업창이 나타난다.
• 팔로우 리스트
  • 팔로우 한 사용자일 경우 취소 버튼, 팔로우 하지 않은 사용자일 경우 팔로우 버튼이 나타난다.

🔸 Next.js 실행 포트 변경하기

• 낑깡팜 말고 다른 프로젝트도 Next.js로 진행하고 있는데, 실행 포트가 3000번으로 동일해서 둘 다 켜놓고 싶을 때 불편..
  ⇒ 실행 포트 변경해서 둘 다 켜놔버려어~

• package.json 파일 내 "scripts" 수정해주기

  • -p 옵션을 주고 원하는 포트 번호를 입력 : "dev": "next dev -p ${PORT}"

// 변경 전
  "scripts": {
    "dev": "next dev"
  }

// 변경 후
  "scripts": {
    "dev": "next dev -p 3005"
  }

참고링크

• Next.js 실행 포트 변경 방법