Joyful Daunβs Blog
/
Posts
Search
Share
π
Posts
리μ€νΈ 보기
2024λ μ μκ°μ μ λ λ λΉ λ₯΄λ€. 1λΆκΈ°λ μ΄λμ λ§λ¬΄λ¦¬κ° λμκ³ , λλ κ·Έ λμ λ νμλμ§ μ κΈ°μ΅μ΄ λμ§ μμμ μΌλ¨μ λΈλ‘κ·Έ κΈλ‘λΌλ μ 리λ₯Ό νλ©° μ΄λ€ μκ°μ΄μλμ§ νκ³ ν νμκ° μμλ€.
μ΄λ€μμΌλ‘ νκ³ ν μ§ κ³ λ―Όμ΄ λλ μ°¨μ μνμμ λ§μΉ λμκ² νκ²ν λ κ² κ°μ μν°ν΄μ λλ₯΄κ² λλ€. μΆμ΄ μμ ν μ κ·Έλ μ΄λ λ μ§λ λͺ¨λ₯΄κ² μ§λ§, μμ λ΄μ©μ κΈ°λ°μΌλ‘ μΌμ μμ±ν΄λ³΄λ κ²λ μ¬λ°κ² λ€ μΆμ΄μ μμμ μΌλΆ κ°μ Έμλ΄€λ€.
νκ³ μ΄λ³΄λ₯Ό μν, 'μΆμ μμ ν μ κ·Έλ μ΄λ'νλ 18κ°μ§ μ§λ¬Έ
μ’μ μΆμ΄λ 무μμΌκΉμ?Β μ¬λμ μλ§νΌμ΄λ λ΅λ³μ λ€μνκ² μ§λ§ 보νΈμ μΌλ‘ μ’μ μΆμ΄λΌ...
κΈμμ μλ €μ£Όλ 18κ°μ§μ μ§λ¬Έλ€
μ μ§λ¬Έλ€μ μμ±ν΄μ£Όμ μμ±μλΆκ»μλ νΌμ μΌμ νλ μ¬λλ€μ μν κΈμ μ°μλ λΆμ΄λ€λ³΄λ λ€μ κ°μΈμ μΈ μμμ λν μ§λ¬Έλ€λ ν¬ν¨λμ΄μλ κ² κ°μ§λ§, μ¬μ€ μΌκ³Ό μΆμ κ²½κ³κ° λͺ¨νΈνλ€κ³ μκ°νλ λμ μ μ₯μμ μ΄λ° μ§λ¬Έλ€μ μΆμ 볡ν©μ μΌλ‘ μ΄ν΄νλ λ©΄μμ μ μ΅νλ€ λκ»΄μ§λ€.
κ·ΈλΌ μ§λ¬Έμ λ°λΌ λ΅μ μμ±ν΄λ΄μΌκ² λ€.
건κ°
β’
2023λ μ€λ°μ λλΆν° νμ΄ / μμμ μμνκ² λμκ³ , μ΄μ λ νμ΄λ§ κΎΈμ€ν μ§ννκ³ μλ€. μμμλ§ μΌνλ μ§μ μ΄λ€λ³΄λ μ΅λν μ£Όλ§μ΄λ νμΌ μ€μ νλμ μΈ μ·¨λ―Έλ₯Ό κ°μ ΈμΌκ² λ€λ μκ°μ κΎΈμ€ν ν΄μ€κ³ μκ³ μ’μνλ μ΄λμ΄μ΄μ μ€νΈλ μ€ κ΄λ¦¬μλ κ½€λ λμμ΄ λ§μ΄ λλ κ² κ°λ€.
2024-1Q νκ³ νκΈ°
λ²μ¨ 2023λ μ λ§λ¬΄λ¦¬νλ μκΈ°κ° λλν μ¬μ€μ΄ μμ§λ μ΄μνκΈ°λ§ νλ€.
μ§λ νκ³
μμλ λ²€λνΈλ‘ μ΄μ§ νμ 1λ μ λλμ보λ€λ³΄λ, 22-23λ μ κ±Έμ³ νκ³ νκ² λμμλλ°, μ΄μ 1λ λ¨μλ‘ λ€μ ν ν΄λ₯Ό λ°μΆν΄λ΄μΌκ² λ€.
Events
Concierge Product Release
μ¬ν΄ μ΄, 컨μμ΄μ§ μ νμ κ°λ°μ κ°μμ€λ μ°Έμ¬νκ² λμ΄ μ νμ λ°±μλλ₯Ό λ§‘μ λ§λ€κ² λλ€. ν μ νμ μ¨μ ν λ·λ¨μ λ§‘μ 건 μ²μμ΄μμ§λ§ λ§μ λμλ€ λμ λ€νν νλ‘λνΈκ° λ¦΄λ¦¬μ¦ λ μ μμλ€.
λ¦° κ³ κ° κ°λ°μμ λ§νλ μ ν¨ν λΉμ¦λμ€ λͺ¨λΈμ μν μ‘°μ¬ λ°©μ
νμ§λ§ μ λ¬λ μ νμ΄ κ³ κ°μ κ°λ €μ΄ λΆλΆμ κΈμ΄μ£ΌκΈ°μ κΈ°νλ¨κ³μμλΆν° μμ±ν λΆλΆμ΄ λ§μλ μ νμ΄ μλμλ μΆλ€. μ νμ λ§λλ κ³Όμ μμ κ°λ°μλΆμ 리ν μ μ΄ λ¨μ΄μ Έ λ λ보λ΄κ² λλ κ²°κ³Όλ₯Ό λ³κΈ°λ νμκ³ , νκ²Ήκ² μΆμνμμμλ μ€μ μ νμ ν΅ν΄ λ§€μΆμ΄ λ°μνλ 건μ μμ κΌ½μμμ μ λ(νμ¬λ λ€ννλ νμ©νλ κ³ κ°μ΄ λνλμ μ΄μλ₯Ό κ°λμ© μ²λ¦¬νκ³€ νλ€..
π₯Ή
)λ‘ μμ¬μμ΄ λ§μ΄ λ¨λ νλ‘λνΈλ€.
2023 Review
λ²€λνΈμμ ν¨κ»νκ² λ μ§ μ΄λμ 1λ μ΄ λμκ³ , κ°λ°μλ‘μ μΌνκ² λμ§λ λ§μΌλ‘ 4λ μ΄ λμλ€.
κ·Έκ°μ κ°λ°μλ‘μμ μ±μ₯κ³Όμ μ μ΄ν΄λ³΄κ³ , 1λ κ°μ νμ¬ μ μκΈ° & μ±μ₯κΈ°λ₯Ό μ μ΄λ³΄λ©° λλ¦μ νκ³ μ μμΌλ‘ λμκ° λ°©ν₯μ μκ°ν΄λ³΄κ³ μ κΈμ μ λλ€.
μμ
λ²€λνΈμ μ μ¬νκΈ°κΉμ§ μ¬μ€ λ³λ€λ₯Έ μ΄μ§μμ¬κ° μμλ€. κ·Έλ¬λ μ€ ν€λνν μ ν΅ν΄ λ€μ΄μ¨ μ μμ μν΄ μΈλΆμμμ νκ°λ₯Ό μ²μμΌλ‘ κ²½νν΄λ³΄μλ μκ°μ κ³νμλ μλ μ΄μ§ λ©΄μ μ μ§ννκ² λλ€.
κΈ°λ μ΄μμ λ©΄μ κ²½νκ³Ό λνλμ λΉμ μ λκ°νκ² λλ λ°κ° μ»Έκ³ , CTOλ₯Ό λΉλ‘―ν κ°λ°μ‘°μ§μ λν κΈ°λκ° μμ΄ λμ»₯ νμ¬μ μ μ¬ νκΈ°λ‘ λ§μλ¨Ήμλ€.
μ²μ 3κ°μ
νμ¬μμ λ΄κ² κΈ°λνλ μλμ λν΄ λ΄κ° μ ν μ μμμ§μ λν κ³ λ―Όμ΄ μ»Έλ€. μ΄μ νμ¬μμλ μ μ μΌλ‘ μμνμκ³ , λλΆλΆμ νλ‘μ νΈ κΆνλ€μ΄ λ΄κ² μλ μν©μμ λͺ¨λ κ² μ²μ μλνλ©° ν΄κ²°νλ λ¬Έμ λ€μ΄ λλΆλΆμ΄μκ³ , κ·Έ νκ²½ μ체μμ μ΅μν΄μ‘λ νμ μλ‘μ΄ νκ²½μμ λκ°λ₯Ό λ°°μκ°κ³ μ΄λ―Έ μλ νλ‘μ νΈλ€μ λ¬Έμ μ μ μ°Ύμ κ°μ ν΄ λκ°λ μΌμ΄ ν λμ μ‘νλ κ²μ μλμκΈ°μ λλ €μμ΄ μ‘°κΈμ μμ°λ κ² κ°λ€.
μ΄μ§ 1λ μ°¨ νκ³
λͺ©μ°¨
Why Agile?
μ μμΌμ λ§λκ² λλ μκ°
β’
κ°λ°μλ©΄ λΉμ°ν μ μμΌμ νλλ² λ€μ΄λ³Έ μ΄μΌκΈ°
β’
μΆκ·Όν΄λ³΄λ μ μμΌμ νκ³ μλλ°?
β’
μ€ννΈμ μ μλ μ μμΌ νλ€κ³ νλλ°?
β’
μ€ννΈμ μ΄λΌ μ μμΌ ν΄μΌμ§ ν¬μλ°μ μ μμ΄μ
β’
κ³νμ μΈμΈ μ μλ κ²μ΄ μ μμΌμ΄λΌκ³ νλλ°?
Agile κ°λ°
μ€ν컨ν μ€νΈοΌ
λ§μ΄ λ€μ΄λ λ΄€κ³ μ± μμλ μ½μμ§λ§ λ³Όλλ§λ€ μ‘Έμμ΄ μμμ§λ λ΄μ©.
μ€ν컨ν μ€νΈμ λ΄μ©μ μ¬μ€ μλ°μ€ν¬λ¦½νΈμ λ°νμνκ²½μ μ΄ν΄νκΈ° μν΄μλ νμμ μΈ λΆλΆμ΄κΈ° λλ¬Έμ μ½μ¬λ¦¬ λμ΄κ° μ μμΌλ©°, μ¬μ€ μλ°μ€ν¬λ¦½νΈλ₯Ό μ¬μ©νλ κ°λ°μλ€μ΄λΌλ©΄ μ΄λ―Έ μμ°μ€μ μ€ν컨ν μ€νΈμ κ°λ μ μ μ΄ν΄ν μ μλ λ°νμ κ°κ³ μλ€κ³ λ³Ό μ μλ€.
μ€ν 컨ν μ€νΈ(Execution Context)λ scope, hoisting, this, function, closure λ±μ λμμ리λ₯Ό λ΄κ³ μλ μλ°μ€ν¬λ¦½νΈμ ν΅μ¬μ리μ΄λ€. μ€ν 컨ν μ€νΈλ₯Ό λ°λ‘ μ΄ν΄νμ§ λͺ»νλ©΄ μ½λ λ ν΄κ° μ΄λ €μμ§λ©° λλ²κΉ λ λ§€μ° κ³€λν΄ μ§ κ²μ΄λ€. -
https://poiemaweb.com/js-execution-context
μ€μμ
ECMAScript μ€ν
μ λ°λ₯΄λ©΄ μ€ν 컨ν μ€νΈλ₯ΌΒ
μ€ν κ°λ₯ν μ½λλ₯Ό νμννκ³ κ΅¬λΆνλ μΆμμ μΈ κ°λ
μ΄λΌκ³ μ μνλ€. μ’ λ μ½κ² λ§νμλ©΄Β
μ€ν 컨ν μ€νΈλ μ€ν κ°λ₯ν μ½λκ° μ€νλκΈ° μν΄ νμν νκ²½
Β μ΄λΌκ³ λ§ν μ μκ² λ€. μ¬κΈ°μ λ§νλ μ€ν κ°λ₯ν μ½λλ μλμ κ°λ€.
β’
μ μ μ½λ : μ μ μμμ μ‘΄μ¬νλ μ½λ
β’
Eval μ½λ :Β
eval ν¨μ
λ‘ μ€νλλ μ½λ
μ€ν컨ν μ€νΈ νΊμ보기
Yarn Berryλ?
Yarn Berryλ Node.jsμ μλ‘μ΄ ν¨ν€μ§ κ΄λ¦¬ μμ€ν μΌλ‘, Yarn v1μ μ£Όμ κ°λ°μμΈ
MaΓ«l Nison
μ¨κ° λ§λ€μμ΅λλ€. 2020λ 1μ 25μΌ μ μλ²μ (v2)μ΄ μΆμλμ΄, νμ¬λ
Babel
κ³Ό κ°μ ν° μ€νμμ€ λ ν¬μ§ν 리μμλ μ±ννκ³ μμ΅λλ€. Yanr Berryλ GitHub
yarnpkg/berry
Β λ ν¬μ§ν 리μμ μμ€μ½λκ° κ΄λ¦¬λκ³ μμ΅λλ€.
Yarn Berryλ κΈ°μ‘΄μ βκΉ¨μ Έ μλβ NPM ν¨ν€μ§ κ΄λ¦¬ μμ€ν μ νμ μ μΌλ‘ κ°μ ν©λλ€.
NPM λκ° λ¬Έμ μΌ?
NPMμ Node.js μ€μΉ μμ κΈ°λ³ΈμΌλ‘ μ 곡λμ΄ λ²μ©μ μΌλ‘ μ¬μ©λκ³ μμΌλ, λΉν¨μ¨μ μ΄κ±°λ κΉ¨μ Έ μλ λΆλΆμ΄ λ§μ΅λλ€.
λΉν¨μ¨μ μΈ μμ‘΄μ± κ²μ
Yarn Berry, μ λ node_modulesμ ꡬμμμΈκ°?
μλ ₯λ μ¬λμ μ§κ΄λ§νΌ μ½λμ λμλ₯Ό λ§‘λ μ νν κΈ°μ€μ μλ€.
1. κΈ°μ΄ν μ΄λ¦
Mysterious Name
β’
ν¨μ μ μΈ λ°κΎΈκΈ°
β’
λ³μ μ΄λ¦ λ°κΎΈκΈ°
β’
νλ μ΄λ¦ λ°κΎΈκΈ°
μ΄λ¦λ§ μμ§μ΄λ λ¬Έλ§₯μ νμ νλλΌ ν΄λ§¬ μκ°μ ν¬κ² μ μ½ν μ μλ€.
2. μ€λ³΅ μ½λ
Duplicated Code
β’
ν¨μ μΆμΆνκΈ°
μ½λμ λμ
IndexedDBλοΌ
IndexedDB
λ νμΌμ΄λ λΈλ‘ λ± λ§μ μμ ꡬ쑰νλ λ°μ΄ν°λ₯Ό ν΄λΌμ΄μΈνΈμ μ μ₯νκΈ° μν λ‘μ° λ 벨 APIμ λλ€.
β’
νΈλμμ μ μ¬μ©νλ λ°μ΄ν°λ² μ΄μ€ μμ€ν
β’
JavaScript κΈ°λ°μ κ°μ²΄μ§ν₯ λ°μ΄ν°λ² μ΄μ€
β’
μΈλ±μ€Β
ν€
λ₯Ό μ¬μ©ν΄ μ μ₯νκ³ νμ
β’
ꡬ쑰νλ λ³΅μ¬ μκ³ λ¦¬μ¦
μ μ§μ
IndexedDB μ¬μ©νκΈ°
μΉμ΄ μ 곡ν΄μ£Όλ IndexedDB μμ보기
μ§λμ¨ κΈΈ
β’
μ½λ ν°λ ν¬μ€ κ°λ°(3~8μ)
β’
νλ‘μ νΈ νμ₯
β’
μ¨μ΄ν μλΉμ€ κ°λ° (9μ ~ 10μ)
β’
λ©€λ²μ μλΉμ€ κ°λ°( 11μ ~ 12μ)
β’
ν νμ₯( 2λͺ β 1λͺ β 3λͺ )
μ’μλ μ λ€
2021 Review