λμ΄μΌμ΄λ μλ‘μκ² ν-ν κ°κ²(λ©μ΄μ»€)μ κ³ κ°(νΌμ»€)λ₯Ό μ°κ²°νκ³ μλ‘μκ² μ§μ€ν μ μλλ‘ νκ²½μ μ 곡νλ νλ μ΄ν μ£Όλ¬Έ νλ«νΌμ λλ€.
- Next.js: μ΄λ² λ°μ νλ‘μ νΈλ₯Ό μ§ννλ©΄μ μ±λ₯ λ° μ΅μ ν κ·Έλ¦¬κ³ ν΄λ¦°μ½λμ μ§μ€νκΈ°λ‘ κ²°μ νμ΅λλ€. μ΄μ λ§μΆ° SSRμ ν΅ν΄ ν¨μ¨μ μΈ λ°μ΄ν° νμΉμ΄ κ°λ₯νκ³ , μλ μ½λ λΆν κ³Ό μ΅μ νλ μ΄λ―Έμ§ μ²λ¦¬λ‘ λΉ λ₯Έ νμ΄μ§ λ‘λ© μλλ₯Ό μ 곡νλ Next.jsλ₯Ό μ¬μ©νκΈ°λ‘ κ²°μ νμ΅λλ€.
- TypeScript: μ»΄νμΌ λ¨μμμ νμΌ μμ μ± ν보μ μ½λ κ°λ μ± λ° μ μ§λ³΄μμ±μ 보μ₯νκΈ° μν΄ TypeScriptλ₯Ό μ¬μ©ν©λλ€.
- Tailwind CSS: μ±μΉ νμμΈ μλΉμ€ νΉμ±μ λ§μΆμ΄ λ°μν λμμΈμ μ½κ² ν μ μκ³ , μ νΈλ¦¬ν° ν΄λμ€λ₯Ό ν΅ν΄ λΉ λ₯΄κ² μ€νμΌλ§μ΄ κ°λ₯ν Tailwind CSSλ₯Ό μ¬μ©ν©λλ€.
![]() 1οΈβ£ μ¨λ³΄λ© |
![]() 2οΈβ£ ν νλ©΄ |
![]() 3οΈβ£ κ°κ²/λμμΈ μμΈ |
![]() 4οΈβ£ λ§μ΄νμ΄μ§ |
![]() 5οΈβ£ μ£Όλ¬Έμ |
![]() 6οΈβ£ μλ¦Ό |
![]() 7οΈβ£ μ΄λ²€νΈ |
![]() 8οΈβ£ μ΄λ²€νΈ μμΈ |
![]() 9οΈβ£ μ°νκΈ° |
src
βββ api
β βββ hooks
β βββ search
βββ app
β βββ design
β β βββ [id]
β βββ event
β β βββ [id]
β βββ landing
β βββ login
β βββ mypage
β β βββ approve
β β βββ order
β β βββ review
β βββ notice
β βββ search
β βββ sign-up
β βββ store
β βββ [id]
βββ assets
βββ components
β βββ alarm
β βββ authentication
β β βββ sign-up-picker
β β βββ terms-of-service
β βββ common
β βββ event
β β βββ detail
β β βββ main
β βββ home
β βββ landing
β βββ mypage
β βββ notice
β βββ onboarding
β βββ order
β β βββ order-form
β βββ search
β βββ skeleton
β βββ ui
βββ hooks
βββ lib
βββ providers
βββ store
βββ types
βββ utils
βββ common











