- λ€μ ν λ² λ¦¬λ§μΈλ©νκΈ°
π μλ°μ€ν¬λ¦½νΈ νΊμ보기 1 (JSμ νΉμ§λ€...)
π μλ°μ€ν¬λ¦½νΈ νΊμ보기 2 (λ³μμ λν λͺ¨λ κ²)
π μλ°μ€ν¬λ¦½νΈ νΊμ보기 3 (μ°μ°μ)
π μλ°μ€ν¬λ¦½νΈ νΊμ보기 4 (μ μ΄λ¬Έ)
π μλ°μ€ν¬λ¦½νΈ νΊμ보기 5 (ν¨μ)
π μλ°μ€ν¬λ¦½νΈ νΉμ§ 6 (κ°μ²΄λ? / μμ±μ ν¨μ / κ°μ²΄ 리ν°λ΄)
π€ μλ°μ€ν¬λ¦½νΈ νΉμ§ 7 (ν΄λμ€)
π» μλ°μ€ν¬λ¦½νΈ νΉμ§ 8 (λ°°μ΄ / κ³ μ°¨ν¨μ)
π΄ μλ°μ€ν¬λ¦½νΈ νΉμ§ 9 (μ΄ν°λ¬λΈκ³Ό μ λλ μ΄ν°)
π¨ μλ°μ€ν¬λ¦½νΈ νΉμ§ 10 (Mapκ³Ό Set)
π μλ°μ€ν¬λ¦½νΈ νΉμ§ 11 (μ°μ°μ)
π§© μλ°μ€ν¬λ¦½νΈμ νΉμ§ 12 (μ£Όμ, μλ¬μ²λ¦¬, λͺ¨λν)
π μλ°μ€ν¬λ¦½νΈ νΉμ§ 13 (λΉλκΈ°)
π μλ°μ€ν¬λ¦½νΈ λ©΄μ λ¨κ³¨ κ°λ
λ€ 2 (νλ‘ν νμ
)
πΆ μλ°μ€ν¬λ¦½νΈ λ©΄μ λ¨κ³¨ κ°λ
λ€ 3 (ν΄λ‘μ Έ)
π©π»βπ» μλ°μ€ν¬λ¦½νΈ λ©΄μ λ¨κ³¨ κ°λ
λ€ 4 (This)
ππ»ββοΈ μλ°μ€ν¬λ¦½νΈ λ©΄μ λ¨κ³¨ κ°λ
λ€ 5 (λ°λ²¨)
βοΈ [λΈλΌμ°μ ] Web APIs (window)
π’ HTTP κ°λ
μμκ°κΈ° : IP νλ‘ν μ½μ νκ³
π’ HTTP κ°λ
μμκ°κΈ° (2) : PORT μ DNS
πΏ μλ£κ΅¬μ‘° κ°λ
μ 리 (1) μκ°λ³΅μ‘λ, λΉ
μ€ νκΈ°λ², λ°°μ΄, μ°κ²°λ¦¬μ€νΈ
πΏ μλ£κ΅¬μ‘° κ°λ
μ 리 (2) μ€ν, ν, λ±, ν΄μν
μ΄λΈ, μ
μ€λ¬΄μμ λ§μ£Όνλ μ΄μλ€μ μ΄λ»κ² ν΄κ²° νλμ§μ κ²½ν μ λ¬λ ν¬μΈνΈμ λν΄ κΈ°λ‘ν©λλ€.
π[JS] User Agent λΈλΌμ°μ μ 보 μ»κΈ°
πμ«μν λΌμ΄λΈλ¬λ¦¬ bigNumber. js μ¬μ©λ²
π[iOS] scorll smooth λΉνμ
π² ν
μ€νΈν° λλ²κΉ
νλ λ°©λ²
β¨ μΈκΈ° TOP 10 μ½μΈ μλ μ¬λΌμ΄λ λͺ¨μ
μ νΈλ μ΄λ μ€ν (Trade-Off) κΈ°λ‘
π useRef element (μμ) μ‘μ κ²½μ°
π© μλΉμ€ λ©μΈμμ ν΄ν (λ§νμ ) λμ°λ©΄μ λ°°μ΄μ
π λ€ν¬λͺ¨λ ꡬνμ μμμΌ ν μ§μλ€
π κ²μ ꡬν νλ©΄μ λλμ
π μμλ³΅μ¬ κΉμλ³΅μ¬ κ°λ
π 리μ‘νΈ hooks μ’μ μ½λ μμ± λ°©μ
π» IntelliJ + git (컀λ°λ΄μ λ리기, λΈλ°μΉ 체ν¬μμ)
π©π»βπ€ Hooks μ’
λ₯μ λ°λ₯Έ μ¬μ©μ€λͺ
λ²
π κ°λ°ν λ λμλλ κ²μκΈ (React, JS)
π 리μ‘νΈ CRA μμμ ν«λ¦¬λ‘λ μ€μ
λ‘컬μμ κΈ°λ³Έκ°μΌλ‘ μ¬μ©ν git μ¬μ©μ μ΄λ¦κ³Ό μ΄λ©μΌ μ€μ (global μ΅μ
)
(React) ν΄λΉ μμΉ(URL)μ μ κ·Ό λΌμμ μμλ§ μ μ© νμ
βοΈ ν¬λ‘¬(Chrome) λλ²κ·Έ λ¨Ήν΅μ ν΄κ²°λ°©λ²
πΉ [IntelliJ] ν΄λ μ 보μ΄κ³ νμΌλ§ 보μ΄λ λ²κ·Έ ν΄κ²° λ°©λ²
π
datePicker μ¬μ©μ μ€λ λ μ§ μ΄ν, λ―Έλ λ μ§ disable μ²λ¦¬
π [JS]μ«μ κ°κ³ λμ보μ. μμμ λ°μ¬λ¦Όνλ λ°©λ² λ±λ± μΈ
π§ [React] react-moment, moment.js μ¬μ©νμ¬ μ€μκ°μΌλ‘ λ³κ²½λλ μκ°
π€΅π»ββοΈ λ°°ν¬λ₯Ό μν κ³Όμ λ€ (env... build...)
π€ Lodash (λ°°μ΄μμ κ°μ²΄λ€μ νΈλ€λ§νκΈ° μ’μ λΌμ΄λΈλ¬λ¦¬)
β οΈ react λ°λ³΅λ¬Έ Forλ‘ JSX 리ν΄νκΈ°
π€² Recoil μ¬μ©λ² (index μμ
μ μ μ©ν΄λ³΄λ©΄μ λλμ λ±λ±..)
π© 리μ‘νΈ ν΄λ§ Polling νλ λ°©λ² !
π [μΈν
리μ μ΄] Prettier μ μ©νκΈ° (μ μ₯νλ©΄ μλμΌλ‘ μ΄μκ² μ λ ¬)
βοΈ HTTP μ£Όλ‘ λ°μλλ μλ¬μ½λ
πΏ μ€ν¬λ‘€ λ‘€λ§ μ¬λΌμ΄λ ꡬννκΈ°
π λͺ¨λ°μΌμΌ λ ν
μ€νΈ κΈ΄κ±° ... μ²λ¦¬
βοΈ reactμμ innerHTML μ¬μ©νκΈ°
βοΈ ν΄λΉ κ²μκΈ ν΄λ¦ μ νλΌλ―Έν° id κ°μ λ§μΆ° μ½ν
μΈ λ§΅νλκΈ°
β€οΈβπ₯ λ‘컬μ€ν λ¦¬μ§ window.localStorage
π React JSX μ μ²¨λΆ νμΌ λ€μ΄λ‘λ νκΈ°
π λ§ν¬ 볡μ¬νκΈ° ꡬννκΈ°
β€οΈβπ©Ή SNS μμ
곡μ νκΈ° μμ
νκΈ°
π§ββοΈ Kakao μμ
μ°λ API μμ
ν λ
π£ λ°μ΄ν°κ° proxy ννλ‘ κ°μ΄ μΆλ ₯ λ κ²½μ° toJS()
π€¦π»ββοΈ μλ² μ£½μλμ§ μ΄μλμ§ νμΈνλ λ°©λ²
π» 리λ
μ€ μ μ©ν ν°λ―Έλ λͺ
λ Ήμ΄
π‘ μ λκ²½λ‘ ../../ μ΄λ°κ±° μμ΄ λλ ν 리 κ²½λ‘ κΉλνκ²νκΈ°
git μ μ©ν λͺ
λ Ήμ΄ λͺ¨μμ§
π λ°μ΄ν° fetchingμ config νλΌλ―Έν° κ° λΆλ¬μ¬ λ
π€ λ λλ§ ν DOMλ
Έλμ dangerouslySetInnerHTML νκ·Έ μ¬μ©μ purify μ¬μ©νμ
π HTML μ΄λ©μΌ ν
νλ¦Ώ νΌ μμ
μ μ μμ¬ν