[์ •๋ณด] next.js localhost:3000 ์ ‘์† ๋ถˆ๊ฐ€

2023. 7. 22. 10:54ยท๐Ÿžํ”„๋กœ๊ทธ๋ž˜๋ฐ/Next.js

 

ํ•ด๊ฒฐ๋ฐฉ๋ฒ•

ํ”„๋กœ์ ํŠธ ํด๋”์•ˆ์˜ .next ํŒŒ์ผ์„ ์‚ญ์ œํ•˜๊ณ  npm run dev ์ˆ˜ํ–‰

์›์ธ์„ค๋ช…

next.js์— ์ฒ˜์Œ ์ž…๋ฌธํ•˜๊ณ  intellij๋ฅผ ํ†ตํ•ด์„œ ์ƒ˜ํ”Œ ํ”„๋กœ์ ํŠธ๋ฅผ dev๋กœ ์‹คํ–‰ํ•˜๊ณ ์ž ํ–ˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ๋‚˜๋Š” http://localhost:3000์—์„œ ์„œ๋ฒ„๊ฐ€ ์‹คํ–‰๋˜์—ˆ๋‹ค๋Š” ๋ฉ”์‹œ์ง€๋งŒ ํ™•์ธํ•˜๊ณ  ์ž˜ ๋˜์—ˆ๋‚˜ ๋ณด๋‹ค๋ผ๊ณ  ํ•˜๊ณ  ์‹คํ–‰ํ–ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์ ‘์†์ด ๋ถˆ๊ฐ€ํ•˜์˜€๋‹ค. ์™œ๋ƒํ•˜๋ฉด ์ •์ƒ์ ์œผ๋กœ ์„œ๋ฒ„๊ฐ€ ์˜ฌ๋ผ์˜ค๋ ค๋ฉด ์œ„์˜ ์‚ฌ์ง„๊ณผ ๊ฐ™์ด ๋‹ค ๋‚˜์™€์•ผํ•˜๋Š” ๊ฒƒ์ด๋‹ค.

์–ด์ฉŒ๋‹ค ๋ณด๋‹ˆ powershell ๋˜๋Š” ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ์—์„œ ์ž˜ ๋˜๋Š” ๊ฒƒ์„ ๋ณด์•„ ๋„ˆ๋ฌด ์˜์•„ํ•ด ํ–ˆ๋‹ค ๊ทธ๋Ÿฌ๋˜ ์™€์ค‘์— ํ•ด๊ฒฐ ๋ฒ•์„ ์ฐพ์•˜๋‹ค. ๋ฐ”๋กœ ํ”„๋กœ์ ํŠธ ํด๋”์•ˆ์˜ .next ํŒŒ์ผ์„ ์‚ญ์ œํ•˜๊ณ  npm run dev ์ˆ˜ํ–‰ํ•˜๋ฉด ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

 

 

https://stackoverflow.com/questions/73172827/localhost3000-front-end-not-loading-on-nextjs-app
 

localhost:3000 front end not loading on NextJS app

New React developer here. I have an eCommerce application I've been working through (Strapi backend, Next frontend), I'm having a lot of trouble when it comes to loading the front end on localhost....

stackoverflow.com

 

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐Ÿžํ”„๋กœ๊ทธ๋ž˜๋ฐ > Next.js' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[Next.js] ๋ฆฌ์—‘ํŠธ ํ…Œ์ด๋ธ” CSV ์ €์žฅ ๊ตฌํ˜„(feat. Shadcn)  (0) 2024.06.21
[์ •๋ณด] NextAuth.js Type ์—๋Ÿฌ ์žก๊ธฐ - CredentialsProvider / prisma  (0) 2024.02.07
[Nextjs] api return ๊ฐ’ ๊ฐฑ์‹  ์•ˆ๋˜๋Š” ์ด์œ   (0) 2023.12.04
[nextjs] ์—‘์…€ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ  (1) 2023.11.27
[Nextjs] ํŒŒ์ผ ์—…๋กœ๋“œ(file upload)  (0) 2023.11.22
'๐Ÿžํ”„๋กœ๊ทธ๋ž˜๋ฐ/Next.js' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [์ •๋ณด] NextAuth.js Type ์—๋Ÿฌ ์žก๊ธฐ - CredentialsProvider / prisma
  • [Nextjs] api return ๊ฐ’ ๊ฐฑ์‹  ์•ˆ๋˜๋Š” ์ด์œ 
  • [nextjs] ์—‘์…€ํŒŒ์ผ ๋‹ค์šด๋กœ๋“œ
  • [Nextjs] ํŒŒ์ผ ์—…๋กœ๋“œ(file upload)
TwoIceFish
TwoIceFish
https://github.com/TwoIceFIsh
  • TwoIceFish
    Cyber-Luna
    TwoIceFish
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (597)
      • ๐Ÿค–์ •๋ณด๋ณด์•ˆ (81)
        • ๐Ÿ’™๋ธ”๋ฃจํŒ€ (25)
        • โค๏ธ๋ ˆ๋“œํŒ€ (22)
        • ๐Ÿ’œํผํ”ŒํŒ€ (1)
        • ๐Ÿ’ 1๋ถ„์ง€์‹ (32)
      • ํ”„๋กœ์ ํŠธ (14)
        • ๐Ÿ’Œ ์ •๋ณด๋ณด์•ˆ ๋ฉ”์ผ๋ง ์‹œ์Šคํ…œ (8)
        • ๐Ÿ” ์ธ์ฆ์„œ ๊ด€๋ฆฌ ์‹œ์Šคํ…œ (1)
        • ๐Ÿ ๊ธˆ์œต ์ปค๋ฎค๋‹ˆํ‹ฐ (5)
      • ๐Ÿžํ”„๋กœ๊ทธ๋ž˜๋ฐ (49)
        • Next.js (9)
      • ๊ธฐํƒ€์ •๋ณด (68)
        • ๐ŸŒ๊ทธ๋ฆฟ์š”๊ฑฐํŠธ (11)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ๋ฐฉ๋ช…๋ก
    • ๋กœ์ผ“ํŽ€์น˜
    • ๊นƒํ—ˆ๋ธŒ
    • ์ฝ”์ฝ”๋„ˆ์ธ 
    • ๊ทธ๋ฆฟ์š”๊ฑฐํŠธ
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

    • ์•ˆ๋…•ํ•˜์„ธ์š”
  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    Visual Studio
    ํ†ฐ์บฃ ์„œ๋ธ”๋ฆฟ
    ์ˆ˜์ต๋ฅ  ๊ณ„์‚ฐ๊ธฐ
    ๋ถ€ํŠธ์ŠคํŠธ๋žฉ
    ์ฝ”์ฝ”๋„›์ธ 
    ์œ ๋‹ˆํ‹ฐ
    vpn ์„ค์น˜
    SKํ•˜์ด๋‹‰์Šค
    ์„œ๋ธŒ๋„๋ฉ”์ธ ์ธ์ฆ์„œ
    ๋‹จ์ผ ๋„๋ฉ”์ธ ์ธ์ฆ์„œ ์—ฌ๋Ÿฌ๊ฐœ
    ์ง€๊ฐ‘ ์•ฑ์— ์นด๋“œ ์ถ”๊ฐ€
    eclipse
    ์‘๋‹ต์—†์Œ
    ์‚ผ์„ฑ์ „์ž์šฐ
    ๋ฐฉ๋ฒ™
    ISMS-P
    ์•…์„ฑ๋ฉ”์žƒ๋ถ„์„
    jsp 200
    ์ธ์ฆ์„œ ์—ฌ๋Ÿฌ๊ฐœ
    ์•…์„ฑ๋ฉ”์ผ
    vpn ์˜คํ”ˆ์†Œ์Šค
    ๋ฉ”์ผํ—ค๋”๋ถ„์„
    ๋ชจ์˜ํ•ดํ‚น
    ์• ํ”ŒํŽ˜์ด ์„ค์ •๋ฐฉ๋ฒ•
    jsp
    ๋ถ€๋™์‚ฐ ์ˆ˜์ต๋ฅ  ๊ณ„์‚ฐ๊ธฐ
    nmap
    tomcat servlet
    servlet 404
    ์™€์ดํŒŒ์ด ๋น„๋ฐ€๋ฒˆํ˜ธ ํƒˆ์ทจ
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.0
TwoIceFish
[์ •๋ณด] next.js localhost:3000 ์ ‘์† ๋ถˆ๊ฐ€
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”