🍊 λ‚‘κΉ‘νŒœ_03 : Next.js μ‹€ν–‰ 포트 λ³€κ²½ν•˜κΈ°

BoriΒ·2022λ…„ 1μ›” 19일
0

Project_Kkingkkang.farm

λͺ©λ‘ 보기
3/9
post-thumbnail
post-custom-banner

진행 상황

  • λ‚‘κΉ‘νŒœ ν”Όλ“œ
    • νŒ”λ‘œμš°κ°€ μžˆμ„ 경우, νŒ”λ‘œμš°μ˜ κ²Œμ‹œκΈ€μ΄ λ‚˜νƒ€λ‚œλ‹€.
  • 계정 검색 : μ‚¬μš©μž 이름 검색
  • μœ μ € νŽ˜μ΄μ§€
    • μœ μ € 정보
    • νŒλ§€μ€‘μΈ μƒν’ˆμ΄ μžˆμ„ 경우 νŒλ§€μ€‘μΈ μƒν’ˆ λͺ©λ‘μ΄ 보인닀
    • ν”Όλ“œλŠ” λ¦¬μŠ€νŠΈν˜•/μ•¨λ²”ν˜•μœΌλ‘œ λ‚˜νƒ€λ‚œλ‹€.
    • 상단 더보기 λ²„νŠΌμ„ λˆ„λ₯΄λ©΄ νŒμ—…μ°½μ΄ λ‚˜νƒ€λ‚œλ‹€
  • 마이 νŽ˜μ΄μ§€
    • λ‚˜μ˜ 정보 : ν”„λ‘œν•„ μˆ˜μ • λ²„νŠΌμ„ ν΄λ¦­ν•˜λ©΄, ν”„λ‘œν•„ νŽΈμ§‘ 창이 λ‚˜νƒ€λ‚œλ‹€.
    • νŒλ§€μ€‘μΈ μƒν’ˆ, ν”Όλ“œλŠ” μœ μ € νŽ˜μ΄μ§€μ™€ 동일
    • ν”Όλ“œ, νŒλ§€μ€‘μΈ μƒν’ˆμ— λŒ€ν•œ νŒμ—…μ°½μ΄ λ‚˜νƒ€λ‚œλ‹€.
  • νŒ”λ‘œμš° 리슀트
    • νŒ”λ‘œμš° ν•œ μ‚¬μš©μžμΌ 경우 μ·¨μ†Œ λ²„νŠΌ, νŒ”λ‘œμš° ν•˜μ§€ μ•Šμ€ μ‚¬μš©μžμΌ 경우 νŒ”λ‘œμš° λ²„νŠΌμ΄ λ‚˜νƒ€λ‚œλ‹€.

πŸ”Έ Next.js μ‹€ν–‰ 포트 λ³€κ²½ν•˜κΈ°

  • λ‚‘κΉ‘νŒœ 말고 λ‹€λ₯Έ ν”„λ‘œμ νŠΈλ„ Next.js둜 μ§„ν–‰ν•˜κ³  μžˆλŠ”λ°, μ‹€ν–‰ ν¬νŠΈκ°€ 3000번으둜 λ™μΌν•΄μ„œ λ‘˜ λ‹€ μΌœλ†“κ³  싢을 λ•Œ 뢈편..
    β‡’ μ‹€ν–‰ 포트 λ³€κ²½ν•΄μ„œ λ‘˜ λ‹€ μΌœλ†”λ²„λ €μ–΄~

  • package.json 파일 λ‚΄ "scripts" μˆ˜μ •ν•΄μ£ΌκΈ°

    • -p μ˜΅μ…˜μ„ μ£Όκ³  μ›ν•˜λŠ” 포트 번호λ₯Ό μž…λ ₯ : "dev": "next dev -p ${PORT}"
// λ³€κ²½ μ „
  "scripts": {
    "dev": "next dev"
  }

// λ³€κ²½ ν›„
  "scripts": {
    "dev": "next dev -p 3005"
  }

참고링크

post-custom-banner

2개의 λŒ“κΈ€

comment-user-thumbnail
2022λ…„ 1μ›” 19일

μ‹€ν–‰ 포트.. μžλ™μœΌλ‘œ λ³€κ²½ν•΄μ£Όλ˜λ°..! γ…‹γ…‹γ…‹γ…‹γ…‹γ…‹ 3000번 μ‚¬μš©μ€‘μ΄λ©΄ 3001번으둜 μ‹€ν–‰λœλ‹΅λ‹ˆλ‹€~~ λ‚‘κΉ‘ λ„˜ κ·€μ—¬μ›Œ~~~

1개의 λ‹΅κΈ€