useEffect λ₯Ό μ¬μ©ν λ `μ΄μ μ κ°μ κ°μ Έμ€λ νμ` μ΄ λ°μν λ > React μ useEffect λ ν΄λμ€ν μ»΄ν¬λνΈμ λΌμ΄ν μ¬μ΄ν΄, μλͺ μ£ΌκΈ° λ©μλμ μμ κ°μ κ°λ μ΄ μλλ€. `componentDidMount` μ μ μ¬νκ² κ΅¬νν μ μλ κ²
λ΄κ° μ΄ν΄νλ €κ³ μ 리νλ νλ‘μΈμ€μ μ€λ λ... νλ‘μΈμ€λ₯Ό λ¨Όμ μ΄ν΄ν΄λ³΄λ €νκΈ° μ μ, νλ‘κ·Έλ¨ μ΄λΌλ κ²μ λν΄ λ¨Όμ μμ보μ > ## νλ‘κ·Έλ¨ νλ‘κ·Έλ¨μ΄λ, `μμ μ μν΄ μ€νν μ μλ νμΌ` μ λ§νλ€. λ μ½κ² μ΄ν΄νμλ©΄ νλ‘κ·Έλ¨μ νμΌμ΄ μ μ₯ μ₯μΉμλ μ μ₯
λμΌν λ°μ΄ν°μ λ°λ³΅ν΄μ μ κ·Όν΄μΌ νκ±°λ λ§μ μ°μ°μ΄ νμν μΌμΌλ, κ²°κ³Όλ₯Ό λΉ λ₯΄κ² μ΄μ©νκ³ μ μ±λ₯μ΄ μ’μ νΉμ κ°κΉμ΄ κ³³μ μ μ₯νλ κ²μ¦ μΊμλ μ»΄ν¨ν°μ μ±λ₯μ ν₯μ μν€κΈ° μν΄ μ¬μ©λλ λ©λͺ¨λ¦¬λ₯Ό λ§νλ€μ£ΌκΈ°μ΅μ₯μΉμ CPU μ¬μ΄μ μμΉνκ³ , μμ£Ό μ¬μ©νλ λ°μ΄ν°λ₯Ό κΈ°μ΅
React μμ μ»΄ν¬λνΈλ₯Ό λ§λ€ λ ν¨μν, ν΄λμ€ν μ΄ 2κ°μ§ λ°©μμ΄ μλ€.κΈ°μ‘΄μλ ν΄λμ€ν μ»΄ν¬λνΈλ₯Ό μ¬μ©νμ§λ§, react v 16.8 μ΄νλ‘ Hook μ΄ μ§μλλ©° ν¨μν μ»΄ν¬λνΈλ‘ μ¬μ©ν κ²μ κΆνκ³ μλ€μ΄ λκ°μ§ λ°©μμ μ°¨μ΄μ μ μμ보μclass ν€μλκ° νμ
리μ‘νΈ ν΄λμ€ν μ»΄ν¬λνΈμμλ§ μ¬μ©ν μ μλ lifeCycle리μ‘νΈμμ μ»΄ν¬λν°λ μ¬λ¬ μ’ λ₯μ μλͺ μ£ΌκΈ° λ©μλ λ₯Ό κ°μ§λ©° μ΄ λ©μλλ₯Ό ν΅ν΄ μ€λ²λΌμ΄λ©νμ¬ νΉμ μμ μ μ½λλ₯Ό μ€νλλλ‘ μ€μ ν μ μλ€.μ€λ²λΌμ΄λ© : μμν΄μ μ¬μ μ νλ κ²πππ React lif
μ λ ¬ (sorting) μ λ°μ΄ν°λ€μ νΉμ μμμ λ°λΌ μ¬λ°°μΉνλ νλ‘μΈμ€λ₯Ό μλ―Έλ²λΈ μ λ ¬, μ ν μ λ ¬, μ½μ μ λ ¬, ν΅ μ λ ¬, λ³ν© μ λ ¬ λ±μ΄ μλ€λ¨μ (ꡬνμ΄ κ°λ¨) νμ§λ§ λΉν¨μ¨μ μΈ μκ³ λ¦¬μ¦π λ²λΈ μ λ ¬ (Bubble sort), μ ν μ λ ¬ (Selection
Big-O λ μκ³ λ¦¬μ¦μ ν¨μ¨μ±μ λνλ΄λ μ§νBig-O λ₯Ό μ΄μ©νμ¬ μκ³ λ¦¬μ¦μ μ±λ₯μ νλ¨λ³΄ν΅ μκ³ λ¦¬μ¦μ μκ° λ³΅μ‘λμ κ³΅κ° λ³΅μ‘λλ₯Ό λνλ΄λλ° μ£Όλ‘ μ¬μ©λλ€ μκ³ λ¦¬μ¦μ μ€ν μλ μλ―ΈμΌλ§λ 빨리 μ€νλλκ°?μκ³ λ¦¬μ¦μ΄ μ¬μ©νλ λ©λͺ¨λ¦¬ μ¬μ΄μ¦μΌλ§λ λ§μ μ μ₯ 곡κ°μ΄ ν
μμκ°NumberStringBooleanNullUndefinedμ°Έμ‘°κ°ObjectSymbolμμκ°μ λ¨μ λ°μ΄ν°, κΈ°λ³Έ μλ£νμ μλ―Έλ³μμ μμκ°μ μ μ₯νλ©΄ λ³μμ λ©λͺ¨λ¦¬ 곡κ°μ μ€μ λ°μ΄ν° κ°μ΄ μ μ₯ν λΉλ λ³μλ₯Ό μ‘°μνκ³ μ νλ©΄, μ μ₯λ μ€μ κ°μ΄ μ‘°μμ°Έμ‘°κ°μ μ¬λ¬ μ
μ°μ κ·Έ μ μ HTTP νλ‘ν μ½μ μ§κ³ λμ΄κ°μ.λΉμ°κ²°μ§ν₯ : ν΄λΌμ΄μΈνΈκ° μλ²μκ² Request λ₯Ό 보λ΄κ³ μλ²κ° ν΄λΌμ΄μΈνΈμκ² Response λ₯Ό 보λ΄λ©΄ μ μ μ’ λ£λ¬΄μν (stateless) : λ°μ΄ν°λ₯Ό μ£Όκ³ λ°κΈ° μν κ°κ°μ λ°μ΄ν° μμ²μ΄ λ 립μ μΌλ‘ κ΄λ¦¬, μ¦ μ΄
μΉ νμ΄μ§ μ μ μ λͺ¨λ λΈλΌμ°μ μμ κΉ¨μ§μ§ μκ³ μλν λλ‘ λμ€κ² νλ μμ HTML, CSS, Javascript μμ± μ W3Cμ μΉ κ·κ²©μ λ§λ μ½λ©μ ν¨μΌλ‘μ¨ μ΄λ λΈλΌμ°μ λ κΈ°κΈ°μμλ μ¬μ΄νΈκ° μλλ λλ‘ λ³΄μ¬μ§κ³ μλλλ κΈ°λ²λΈλΌμ°μ λ§λ€ λ λλ§ μμ§μ΄ λ€λ₯΄
λ λλ§(Rendering) λ°©μμ CSR(Client Side Rendering) κ³Ό SSR(Server Side Rendering) μΌλ‘ λλκ² λλ€.body μμ div νλλ§ μ‘΄μ¬νλ€. μ΄λ κ² λΌλλ§ λ°κ³ , λ€μνκ² μ‘΄μ¬νλ νκ·Έλ€μ html νμΌκ³Ό ν¨κ» λ€μ΄λ°μ
prototype : ν΄λμ€λ κ°μ²΄μ λ΄μ© λ³΅μ¬ μμ΄λ μμμ ν¨κ³Όλ₯Ό ꡬνν μ μκ² ν΄μ£Όλ λ°©λ²Javascript λ νλ‘ν νμ κΈ°λ° μΈμ΄ ππ» λͺ¨λ κ°μ²΄λ€μ΄ λ©μλμ μμ±λ€μ μμ λ°κΈ° μν ν νλ¦ΏμΌλ‘μ¨ νλ‘ν νμ κ°μ²΄λ₯Ό κ°μ§λ€λ μλ―Έprototype μ μ§μ
what is ES6? es6 λΆν°λ λͺ¨λ μλ°μ€ν¬λ¦½νΈλΌκ³ λΆλ₯Έλ€. es5 μ νλ‘ν νμ μΌλ‘ μμ±, es6 λ ν΄λμ€λ°©μμΌλ‘ μμ±νλ€. es6 λ λ°λ²¨ λ‘ μ»΄νμΌνλ©΄ νμλ²μ μΌλ‘ νΈν κ°λ₯ν μ½λλ‘ λ³νν΄μ€λ€. π§ ES6 μ μΆκ°λ λ¬Έλ² 1οΈβ£ let κ³Ό cons
ES5 κΉμ§λ var λ‘ λ³μ μ μΈμ΄ κ°λ₯νμ§λ§, var μ μ¬λ¬ λ¬Έμ , νκ³μ μΌλ‘ μΈν΄ ES6 λΆν°λ const μ let μ΄ λμ€κ² λμλ€.λ³μμ μ¬μ μΈκ³Ό νΈμ΄μ€ν μ λ°©μ§νκΈ° μν΄μ΄λ€ νλμ κ°μ μ μ₯νκΈ° μν΄ ν보ν λ©λͺ¨λ¦¬ κ³΅κ° μ체. κ·Έ λ©λͺ¨λ¦¬ 곡κ°μ μλ³νκΈ°
λΉλκΈ°? νΉμ μ½λμ μ°μ°μ΄ λλ λκΉμ§ μ½λμ μ€νμ λ©μΆμ§ μκ³ λ€μ μ½λλ₯Ό λ¨Όμ μ€ννλ λ°©μ > ### π€ λΉλκΈ° μ²λ¦¬λ μ νμνκ°? λ°μ΄ν°λ₯Ό μλ²λ‘λΆν° λ°μμ€λ μ±μ λ§λ λ€κ³ κ°μ ν λ, ν΄λΉ λ°μ΄ν°λ₯Ό λΏλ €μ€μΌνλ―λ‘ λ§¨ μ²μμ μλ²λ‘λΆν° λ°μ΄ν°λ₯Ό λ°μμ€λ
μΆμ² : https://learnjs.vlpt.us/async/μλ²μμ μμ²μ λ³΄λΈ ν μλ΅μ λ°μμΌλ§ λ€μ λμμ΄ μ΄λ£¨μ΄μ§λ λ°©μλͺ¨λ μΌμ μμ°¨μ μΌλ‘ μ§νλλ©°, μ΄λ€ μμ μ΄ μ€ν μ€μ΄λΌλ©΄ λ€μ μμ μ λκΈ°νκ² λλ€.μ§λ ¬μ μΌλ‘ ν μ€ν¬λ₯Ό μννλ€.μλ²μμ μμ²μ
π λ΄λΆ ν¨μκ° μΈλΆ ν¨μμ 컨ν μ€νΈμ μ κ·Όν μ μλ κ²μ κ°λ¦¬ν¨λ€ν΄λ‘μ λ νΉμ μν©μμ λ°μνλ νκ²½μ΄κ³ ν¨μλ μ΄ νμμ΄ λνλκΈ° μν 쑰건μ ν΄λΉνλ€ν¨μ λ΄μμ ν¨μλ₯Ό μ μΈνκ³ μ¬μ©νλ κ². π ν΄λ‘μ λ₯Ό μ΄ν΄νκΈ° μν΄μλ μλ°μ€ν¬λ¦½νΈκ° μ΄λ»κ² λ³μμ μ ν¨λ²μ
νμ ν κ±°λ νλ«νΌ μ¬μ΄νΈμΈ KREAM ννμ΄μ§ λ₯Ό λͺ¨ν°λΈλ‘, κ·Έλ¦Ό κ±°λ μ¬μ΄νΈλ‘ μ¬κ΅¬μ±νμ¬ GREAM μ΄λΌλ νλ‘μ νΈλ₯Ό μ§ννμλ€.\- νλ‘μ νΈ κΈ°κ°\- νλ‘μ νΈ κ³ν1μ£Όμ°¨ μ€νλ¦°νΈ : κ°λ°νκ²½ μ΄κΈ°μΈν , νμλ§λ€ ν΄λΉ νλ‘μ νΈμμ κΌ μ΄λ£¨κ³ μΆμ κ°μΈλ§μ λͺ©νλ₯Ό
Scope ? > π κ° μμλ λ³μ λ±μ μμλ€μ΄ νμ©λ μμ, λ²μ λ³μμ μ κ·Όμ±μ κ΄λ¦¬νλ κ°λ μ΄λ©°, μ μ (global) κ³Ό μ§μ (local), 2κ°μ λ²μκ° μ‘΄μ¬νλ€ 1οΈβ£ μ μ (global) μ€μ½ν λ³μκ° μ μ λ²μμμ μ μΈλ κ²½μ° μ΄λ€ λΈλ‘μμλ μ
λλ μ΄λ¦΄ λλΆν° μ’ λ νΉνλ κ² κ°λ€. μ΄λ¦΄ μ λΆν° κ·Έμ ν΄μΌνλκΉ κ³΅λΆλ₯Ό νλ μΉκ΅¬λ€, μ무 κΈ°λλ κΏλ μμ΄ λ κ³ λ―Όμ μκ³ μ΄μλ μΉκ΅¬λ€ μ¬μ΄μμ λλ νκ³ μΆμ κ² λ§μ λ©λͺ¨μ₯μ λ νκ³ μΆμ κ², λ΄κ° μ’μνλ κ²μ λμ΄νκ³€ νμλ€.μ¬νμ΄ μ’μμ, κ·Έλ¦¬κ³ λ΄