Nuxtλž€?

NuxtλŠ” Vue.js둜 λΉ λ₯΄κ²Œ 웹을 μ œμž‘ν•  수 있게 λ„μ™€μ£ΌλŠ” ν”„λ ˆμž„μ›Œν¬μž…λ‹ˆλ‹€. μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ μ œμž‘ν•  λ•Œ ν•„μš”ν•œ λ·°μ—‘μŠ€, λΌμš°ν„°, Axios와 같은 λΌμ΄λΈŒλŸ¬λ¦¬λ“€μ„ 미리 κ΅¬μ„±ν•˜μ—¬ μ‹±κΈ€ νŽ˜μ΄μ§€ μ• ν”Œλ¦¬μΌ€μ΄μ…˜(Single Page Application), μ„œλ²„ μ‚¬μ΄λ“œ λ Œλ”λ§(Server Side Rendering), 정적 μ›Ή μ‚¬μ΄νŠΈ(Static Generated Website)λ₯Ό μ‰½κ²Œ μ œμž‘ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

μ„œλ²„ μ‚¬μ΄λ“œ λ Œλ”λ§μ΄λž€ μ›Ή νŽ˜μ΄μ§€μ˜ λ‚΄μš©μ„ μ„œλ²„μ—μ„œ λͺ¨λ‘ μž‘μ„±ν•΄μ„œ ν΄λΌμ΄μ–ΈνŠΈ(λΈŒλΌμš°μ €)둜 보낸 λ’€ 화면에 κ·Έλ¦¬λŠ” 방식을 μ˜λ―Έν•©λ‹ˆλ‹€.

Nuxt νŠΉμ§•

Nuxt의 νŠΉμ§•μ„ μš”μ•½ν•΄λ³΄λ©΄ 크게 μ•„λž˜μ™€ 같이 κ΅¬λΆ„λ©λ‹ˆλ‹€.

  • pages 폴더 기반의 μžλ™ λΌμš°νŒ… μ„€μ •
  • μ½”λ“œ μŠ€ν”Œλ¦¬νŒ…
  • μ„œλ²„ μ‚¬μ΄λ“œ λ Œλ”λ§
  • 비동기 데이터 μš”μ²­ 속성
  • ES6/ES6+ λ³€ν™˜
  • μ›ΉνŒ©μ„ λΉ„λ‘―ν•œ 기타 μ„€μ •

Nuxt μ‹œμž‘ν•˜κΈ°

Nuxt ν”„λ‘œμ νŠΈλ₯Ό κ΅¬μ„±ν•˜κΈ° μœ„ν•΄ λ‹€μŒ λͺ…λ Ήμ–΄λ₯Ό μ‹€ν–‰ν•©λ‹ˆλ‹€.

npm init nuxt-app ν”„λ‘œμ νŠΈ 이름