pnpm dev λͺ
λ Ήμ΄λ **Hot Module Replacement(HMR)**λ₯Ό μ§μνλ κ°λ° μλ²λ₯Ό μμν©λλ€. μ½λλ₯Ό μμ νλ©΄ μλ²λ₯Ό μ¬μμνμ§ μκ³ λ λ³κ²½μ¬νμ΄ μ¦μ λ°μλ©λλ€.
κΈ°λ³Έ μ¬μ©λ²
- μλ μ¬μμ: μ½λ λ³κ²½ μ μλμΌλ‘ μλ² μ¬μμ
- TypeScript μ§μ: .ts νμΌμ λ°λ‘ μ€ν
- μμ€λ§΅ μ§μ: μλ¬ λ°μ μ μ νν μ€ λ²νΈ νμ
- ν€λ³΄λ λ¨μΆν€: λΉ λ₯Έ μμ μ μν λ¨μΆν€
νμ λͺ λ Ήμ΄
APIμ Webμ λΆλ¦¬ν΄μ μ€νν μ μμ΅λλ€.
APIμ Webμ λ³λ ν°λ―Έλμμ μ€ννκΈ°:
λμ μ리
pnpm devλ λ΄λΆμ μΌλ‘ λ€μ λꡬλ€μ μ¬μ©ν©λλ€:
μ€μ: μ΄ ν¨ν€μ§λ€μ Sonamuκ° μλμΌλ‘ μ 곡νλ―λ‘ λ³λλ‘ μ€μΉν νμκ° μμ΅λλ€.
μ€ν κ³Όμ
src/index.tsλ₯Ό μνΈλ¦¬ν¬μΈνΈλ‘ μ€ν- TypeScript νμΌμ μ¦μ λ³ννμ¬ μ€ν
- νμΌ λ³κ²½ κ°μ§
- λ³κ²½λ λͺ¨λλ§ κ΅μ²΄ (HMR)
- μ 체 μ¬μμμ΄ νμν κ²½μ°μλ§ μ¬μμ
ν€λ³΄λ λ¨μΆν€
κ°λ° μλ² μ€ν μ€ λ€μ λ¨μΆν€λ₯Ό μ¬μ©ν μ μμ΅λλ€:λ¨μΆν€ μ¬μ© μμ
μλ² μ¬μμ:νκ²½ λ³μ
κ°λ° μλ²λ λ€μ νκ²½ λ³μλ₯Ό μλμΌλ‘ μ€μ ν©λλ€:
μ½λμμ νκ²½ λ³μλ₯Ό νμΈν μ μμ΅λλ€:
HMR λμ λ°©μ
μλ μ¬μμλλ κ²½μ°
λ€μ νμΌμ μμ νλ©΄ μλ²κ° μλμΌλ‘ μ¬μμλ©λλ€:- Entity νμΌ (
*.entity.ts) - Model νμΌ (
*.model.ts) - Config νμΌ (
sonamu.config.ts) - Migration νμΌ
μ¦μ λ°μλλ κ²½μ° (HMR)
λ€μ νμΌμ μμ νλ©΄ μλ² μ¬μμ μμ΄ μ¦μ λ°μλ©λλ€:- μΌλ° λΉμ¦λμ€ λ‘μ§
- μ νΈλ¦¬ν° ν¨μ
- μλΉμ€ λ μ΄μ΄
λ¬Έμ ν΄κ²°
μλ²κ° μμλμ§ μλ κ²½μ°
λ¬Έμ : ν¬νΈκ° μ΄λ―Έ μ¬μ© μ€HMRμ΄ μλνμ§ μλ κ²½μ°
λ¬Έμ : μ½λ λ³κ²½μ΄ λ°μλμ§ μμ ν΄κ²°:TypeScript μ€λ₯κ° λ°μνλ κ²½μ°
λ¬Έμ : νμ μλ¬λ‘ μλ² μ€ν μ€ν¨ ν΄κ²°:μ€μ ν
1. λΉ λ₯Έ κ°λ° μ¬μ΄ν΄
μ½λλ₯Ό μμ νκ³ λ°λ‘ ν μ€νΈν μ μμ΅λλ€:2. λ‘κ·Έ νμΈ
κ°λ° μλ²λ λͺ¨λ λ‘κ·Έλ₯Ό μ½μμ μΆλ ₯ν©λλ€:3. λλ²κΉ
μμ€λ§΅μ΄ νμ±νλμ΄ μμ΄ μ νν μ€ λ²νΈλ₯Ό νμΈν μ μμ΅λλ€:νλ‘λμ κ³Όμ μ°¨μ΄μ
λ€μ λ¨κ³
build
νλ‘λμ
λΉλνκΈ°
HMR
HMR μμ€ν
μμΈν μμ보기