π£λͺ¨λ λ²λ€λ¬?
λͺ¨λ λ²λ€λ¬λ λΆλ¦¬λ μ½λ μ‘°κ°λ€μ νλλ‘ μμΆ νλ κ°λ° λꡬμ λλ€.
ν΅μ¬ μμ μ HTML, CSS, JAVASCRIPT μ¬λ¬ νμΌμ νλλ‘ κ²°ν©νμ¬ λ¨μΌ νμΌλ‘ λ§λλ κ²μ΄λ€.
μμΆμν¨ λ¨μΌ νμΌμ λΈλΌμ°μ μμ νλμ λ¨μΌ νμΌμ λ‘λν¨μΌλ‘μ¨ μ ν리μΌμ΄μ μ΄ λμνκ²λλ€.
π£λΉλ λꡬλ?
μ ν리μΌμ΄μ μ κ°λ°ν λ μ¬μ©νλ λꡬμ΄λ€. μμ μΈκΈν λ²λ€λ§μ μν λꡬλ€.
μ΄ λꡬλ νλ‘ νΈμλ μ½λλ₯Ό λΉλνκ³ λ²λ€λ§νλ©°, μ΅μ ννκ³ , ν μ€νΈνκ³ , λ°°ν¬νλ λ° μ¬μ©λλ€.
νλ‘ νΈμλμμ κ°μ₯ λ§μ΄ μ¬μ©λλ λΉλ λꡬλ‘λ Webpack, Parcel, Rollup, Gulp, Grunt, Vite λ±μ΄ μλ€.
μμ¦μ webpack, vite λ§μ΄ μ¬μ©λλ€.
μ΄ λꡬλ€μ κ°κ°μ μ₯λ¨μ μ΄ μμΌλ©°, νλ‘μ νΈμ μꡬμ¬νμ λ°λΌ μ νν μ μλ€.
μ΄λ¬ν λΉλ λꡬλ₯Ό μ¬μ©νλ©΄ κ°λ°μλ μ½λλ₯Ό λμ± ν¨μ¨μ μΌλ‘ μμ±ν μ μμΌλ©°, μ ν리μΌμ΄μ μ μ±λ₯μ μ΅μ νν μ μλ€.
π₯vite vs webpack
vite
- Viteλ μ΄κ³ μ κ°λ° μλ²μ μ΅μ νλ λΉλ νλ‘μΈμ€λ₯Ό μ 곡νλ μ΅μ λΉλ λꡬλ‘, μ¬μ©μκ° μν¬νλ‘μ°λ₯Ό κ°μννκ³ μ΅μ’ μ¬μ©μ κ²½νμ κ°μ ν μ μλλ‘ μ§μνλ€.
- Viteλ κΈ°λ³Έμ μΌλ‘ ESM (ECMAScript Modules)μ μ¬μ©νλ©°, Rollupμ κΈ°λ°μΌλ‘ νμ¬ λΉλνλ€.
- Viteλ Webpackκ³Ό κ°μ λ€λ₯Έ λΉλ λꡬμ λ¬λ¦¬, Hot Module Replacement (HMR)μ μ¬μ©νμ¬ λμ± λΉ λ₯Έ κ°λ° μλλ₯Ό μ 곡νλ€.
- Viteλ Vue.js, React, Preact, Svelte, LitElement, Stencil λ±μ νλ μμν¬μ ν¨κ» μ¬μ©ν μ μλ€.
- Viteλ κ°λ°μκ° μ½λλ₯Ό λμ± ν¨μ¨μ μΌλ‘ μμ±ν μ μλλ‘ μ§μνλ©°, μ ν리μΌμ΄μ μ μ±λ₯μ μ΅μ νν μ μλ€.
webpack
- Webpackμ JavaScript νμΌμ λ²λ€λ§νκ³ , μ΅μ ννλ©°, ν μ€νΈνκ³ , λ°°ν¬νλ λ° μ¬μ©λλ€.
- Webpackμ entry, output, loader, plugin λ±μ κ°λ μ μ¬μ©νμ¬ νλ‘μ νΈλ₯Ό ꡬμ±νλ€.
- Webpackμ λ€μν λ‘λμ νλ¬κ·ΈμΈμ μ 곡νμ¬ νλ‘μ νΈμ μꡬμ¬νμ λ°λΌ μ νν μ μλ€.
- Webpackμ Hot Module Replacement (HMR)μ μ§μνμ¬ λμ± λΉ λ₯Έ κ°λ° μλλ₯Ό μ 곡νλ€.
- Webpackμ React, Angular, Vue.js λ±μ νλ μμν¬μ ν¨κ» μ¬μ©ν μ μλ€.
- Webpackμ νλ‘ νΈμλ κ°λ°μκ° μ½λλ₯Ό λμ± ν¨μ¨μ μΌλ‘ μμ±ν μ μλλ‘ μ§μνλ©°, μ ν리μΌμ΄μ μ μ±λ₯μ μ΅μ νν μ μλ€.
webpackμ vite μ΄λ λΉλλꡬλ₯Ό μ νν΄μΌ ν κΉ?
viteλ μ΅μ λΉλ λꡬμ΄λ©° μ΅μ μ΄λ€λ³΄λ typescript νΈνμ μ€λ₯κ° λ°μνλ κ²½μ°λ μλ€.
λ°λ©΄ webpack μμ νκ° λμμΌλ©΄ 2012λ λΆν° νλ‘ νΈμλ κ°λ°μμ μ¬μ©λμ΄μ¨ λΉλ λꡬμ΄λ€.
μ°¨μ΄μ
- Viteλ Webpackλ³΄λ€ λμ± λΉ λ₯Έ κ°λ° μλλ₯Ό μ 곡ν©λλ€. μ΄λ Viteκ° ESMμ μ¬μ©νκ³ , HMRμ μ§μνκΈ° λλ¬Έμ΄λ€.
- Webpackμ Viteλ³΄λ€ λ λ§μ λ‘λμ νλ¬κ·ΈμΈμ μ 곡ν©λλ€. μ΄λ Webpackμ΄ μ€λ κΈ°κ°λμ μ¬μ©λμ΄μκΈ° λλ¬Έμ΄λ€.
- Viteλ Vue.js μ°½μμμΈ Evan Youκ° λ§λ λꡬμ΄λ©°, Vue.jsμ ν¨κ» μ¬μ©ν λ λμ± ν¨μ¨μ μ΄λ€.
νλ‘μ νΈ μꡬμ¬νμ λ°λΌ μ νν μμλ€.
κ°λ° μλκ° μ€μνλ©΄ vue νλ μμν¬λ₯Ό μ΄λ€λ©΄ vite μ ννλκ²μ΄ μ’λ€.
λ°λ©΄ 컀μ€ν μ΄λ λ€μν λ‘λμ νλ¬κ·ΈμΈμ΄ νμνλ€λ©΄ webpackμ μ ννλκ²μ΄ μ’λ€.
μ¬λ°λ μ€λμ μ΄μΈ λ³΄κ³ κ°μΈμ!
https://cometruedream.tistory.com/223
immerλ₯Ό μ¬μ©ν΄μ λΆλ³μ±μ μ§μΌμΌνλ μ΄μ μ μμ 볡μ¬μ κ°λ
immer λ? Reactμμ λΆλ³μ±μ μ μ§νλλΌ λμ‘ν΄μ§ μ½λλ₯Ό μ§§κ³ κ°κ²°νκ² λΆλ³μ±μ μ μ§ν μ μκ² λμμ£Όλ λΌμ΄λΈλ¬λ¦¬μ΄λ€. λ°λλ‘ immer μ¬μ©ν¨μΌλ‘ 짧μ μ½λκ° κΈΈμ΄μ§λ κ²½μ°λ μλ€. λΆλ³μ±
cometruedream.tistory.com
https://cometruedream.tistory.com/220
SEO μ΅μ ν λΈλ‘κ·Έ κΈμμ κΏν
SEO(Search Engine Optimization, κ²μ μμ§ μ΅μ ν)μμ μΆμ²νλ λΈλ‘κ·Έ κΈμμ μμΈν λ΄μ© μ 곡: κΈμμκ° λ§μμλ‘ λ λ§μ ν€μλλ₯Ό ν¬ν¨μν¬ μ μκ³ , μ£Όμ μ λν΄ λ μμΈνκ² μ€λͺ ν μ μμ΅λλ€
cometruedream.tistory.com
https://cometruedream.tistory.com/218
λ΄ μμ΄νΌ νμΈ (My IP Address) μμ νκ³ λΉ λ₯΄κ³ μ½κ² μλ λ°©λ²
λΉ λ₯΄κ³ μ½κ² λ΄ IP μ£Όμλ₯Ό νμΈνλ λ°©λ² λΈλΌμ°μ μ¦κ²¨μ°ΎκΈ°λ₯Ό ν΅ν΄ λΉ λ₯΄κ² νμΈνλ κ²μ IPμ£Όμλ₯Ό νμΈνλ κ°μ₯ μ½κ³ λΉ λ₯Έ λ°©λ² μ€ νλμ λλ€. webtool.everyday-365.com κ°μΈμ 보 μμ§ μμ΄ μμ ν
cometruedream.tistory.com
'ITstudy' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
VPN κ°λ μ 리 λ° μ μ λ°©λ² (1) | 2024.03.18 |
---|---|
URL μΈμ½λμ λμ½λ λ³ννλ λ°©λ²κ³Ό κ°λ (2) | 2024.01.25 |
νλ‘ νΈμλ κΌ νμν λλ°μ΄μ±κ³Ό μ°λ‘νλ§ μ€μ κ°λ (2) | 2024.01.03 |
1λΆλ§μ λλ§μ QR λ§λ€κ³ QR μ½λ μλ¬Έλ΄κΈ° (0) | 2023.12.26 |
SEO μ΅μ ν λΈλ‘κ·Έ κΈμμ κΏν (13) | 2023.12.24 |