μ΄λ² μ£Όλ₯Ό λμ보며.. ν νκ³
μ΄κ±΄ μμ½λ€..
β’
μ€κ° μ€κ°μ λ§νλκ² λ§μμ feature κ°λ°μ λ§μ΄ λͺ»νλ€.
β’
API λͺ
μΈλ₯Ό λ무 μΈμΈνκ² μ§ κ² κ°μ. λμ€μ 보λ λ³κ²½ μ¬νμ΄ μκΎΈ μκ²Όλ€.
β’
νΈλ¬λΈ μν
μ λν λ¬Έμ μμ±μ λ무 λΆλ΄μ λκΌλ κ² κ°λ€. λλ¨νμ§ μμλ κ°λ³κ² μμ±ν΄λ³΄μ!
β’
κ°λ°νλλ°μ 보μμ μ΄μλ κ² κ°λ€.. μλ‘μ΄ κ²μ λμ
νλ κ²μ λλ €μμ λκΌλ€.
β’
feature κ°λ°μλ§ λ무 맀λͺ°λμλ κ² κ°λ€. ν
μ€νΈλ μ±λ₯ κ°μ .. λμ€μ ν΄λ λκ² μ§...?
μ΄κ±΄ μνλ€ γ
β’
μμΈμμ μ€νλΌμΈμΌλ‘ λ§λ νμ
νκ² λμ΄ λ₯λ₯ μ΄ μ¬λΌκ°λ€.
β’
κΈ°μ‘΄μ λ‘κ·ΈμΈ λ°©μμμ λ¬Έμ μ μ νμ
νκ³ κ±΄κ°ν λ°©ν₯μΌλ‘ κ°μ ν κ² κ°λ€.
<br />
11μ 28μΌ
λκ·
β’
λ°±μλ νμλ€μ΄ νλ‘ νΈμλμ νμν APIλ₯Ό ꡬνν΄μ£Όμλ λμ, μ΄λ κΈ°λ‘ νμ΄μ§μ UIλ₯Ό ꡬννλ€.
β’
μ΄λ κΈ°λ‘ νμ΄μ§μ λ μ΄μμ ꡬμ±μ΄ μκ°λ³΄λ€ κΉλ€λ‘μ κ³ , μΈνΈμ μ΄λμ μ¦κ°/κ°μ μΈν°λ μ
μ΄ μμ΄μ κ½€ νλ€μλ€.
β’
κ·Έλ¦¬κ³ μ¬μ©μ κ²½νμ μν΄ μ΄λμ΄ μ¦κ°λ λλ§λ€ μ€ν¬λ‘€μ΄ μλμΌλ‘ λ΄λ €κ°λλ‘ νλ€.
β’
κ·Έλ¬λ€λ³΄λ λ²μ¨ μ½μ΄ νμμ΄ λ..
β’
ν΄μΌν κ²λ€μ΄ μμ² λ§μλ° λ΄ μμλ³΄λ€ μ€λ ν루 λ§μ κ²μ νμ§ λͺ»νλ€γ
β’
κ·Έ!리!κ³ ! μλμ»΅..! κ°λμ λ무 μμ½λ€ ν¬λ₯΄ν¬κ° μ΄κ²¨λ³΄μ!
μΉμ¬
β’
λ¨μ APIλ€μ ꡬννλ μ€μ΄λ€.
β’
νλ‘ νΈμμ API μ°λμμ νμλ₯Ό ν΅ν΄ APIλ₯Ό μ§μμ μΌλ‘ μμ μ νκ³ μλ€.
β’
λ°μ΄ν° νμμ νλ‘ νΈμμ μμ
νκΈ° μ½κ² 보λ΄μ£Όλκ² μ΄λ €μ΄κ±°κ°λ€.
μ§μ¬
μμ΄
β’
μκ°λ³΄λ€ μ°¨νΈ κ·Έλ¦¬κΈ°λ μ¬μ κ³ Chart.jsλ μ μ΄ μλκΉ..
β’
κ·Έλλ μΊλ²μ€λ₯Ό λ€λ£¨λ κ²μ κ΅μ₯ν μ΄λ €μ λ€.
β’
νμ§λ§ μ½λλ₯Ό μ΄κ²μ κ² λ§μ§λ€λ³΄λ ν΄κ²°λλ κ²λ€μ΄ λ§μμ μ’μλ€.
11μ 29μΌ
λκ·
β’
ν루μ’
μΌ κ΅¬κΈ OAuth λ‘κ·ΈμΈμ μν κ³ κ΅°λΆν¬λ₯Ό νλ€..
β’
μμΈμ @react-oauth/google λΌμ΄λΈλ¬λ¦¬ μ¬μ©μ λ°ννλ credential λ³μκ° access tokenμΈμ€ μ°©κ°νκ³ μμλ€λ κ².
β’
μμΈμ μ°Ύμ ν΄κ²°μ νμ§λ§ ν루μ’
μΌ λ€λ₯Έ μμ
μ νλλ νμ§ λͺ»νλ€.
β’
μκ°μ΄ κ°μλ‘ μ‘°κΈν κΈ°λΆμ΄ λ λ€. μ²μ²ν μν΄λ³΄μ.
β’
κ·Έμ λμκ°κ²λ§ λ§λλ κ²μ λꡬλ ν μ μλ€. νλλ₯Ό ꡬνν λ λμμμ΄ whyλ₯Ό λμ§λ©° λ¨λ¨ν νμ
μΉμ¬
β’
ν루μ’
μΌ κ΅¬κΈ OAuth λ‘κ·ΈμΈμ 맀λ¬λ Έλ€...
β’
κΈ°μ‘΄μ κ°λ°ν λ°©μμ΄ νλ‘ νΈμμ μ°λμ±μ λ¬Έμ κ° μ겨μ μμ μ ν΄μΌνλλ°, κ·Έ κ³Όμ μμ λ무 λ§μ μλ¬κ° λ°μνλ€.
β’
μλ¬ ν΄κ²°μ μν΄ λ§μ μκ°μ μμμ§λ§, λκ·λμ λμμΌλ‘ νλ‘ νΈμΈ‘μμ μ€λ access token κ°μ΄ μλͺ»λμ΄ λ°μν λ¬Έμ μΈκ±Έ μΈμνλ€.
β’
κ·Έ νλ‘ λ¬΄μ¬ν κ΅¬κΈ OAuth λ‘κ·ΈμΈμ μμ±ν μ μμλ€.
β’
λκ·λκ³Ό λμ΄μ ν루μ’
μΌ OAuthμ 맀λ¬λ¦° 보λμ μ λ
λ¦κ² λλ μ μμλ€.
β’
νμ§λ§ μΏ ν€κ° κ°μ§ μλ μν©μ΄ λ°μ... λ΄μΌ TODOλ‘ λ¨κ²¨λκΈ°λ‘ νλ€.
μ§μ¬
μμ΄
β’
μ€λμ μΈνλ° ν΄κ·ΌκΈΈ λ°μ
μ κ°λλΌ μμ
μ λ§μ΄ νμ§ λͺ»νλ€.
β’
κ·Έλλ λ°°μ΄ κ²λ€μ΄ λ§μμ νμλ€μκ² κ³΅μ νκ³ μΆμ λ΄μ©μ΄ μ겨μ μ’μλ€.
β’
μ€λ λΆνλ― λλκ±΄λ° cssλ₯Ό λ€λ£¨λ κ²μ λ§μ΄ μ΅μν΄μ‘λ€κ³ λλλ€.
β’
리μ‘νΈλ₯Ό λ€λ£¬μ§ μ΄λ²μ£Όκ° 6μ£Όμ λ λ κ² κ°μλ°, λ μ΄μ¬ν ν΄λ³΄μ.
11μ 30μΌ
λκ·
β’
λ!λ!μ΄! λ‘κ·ΈμΈκ³Ό νμκ°μ
APIλ₯Ό μ°λνλ€!!!
β’
μ΄ μμ
μ΄ μλ£λμ΄μΌ λ€λ₯Έ API μ°λμ΄ μμνκΈ°μ μ΄ μκ°μ μμ² κΈ°λ€λ €μλ€..
β’
μ΄μ λ¨μ APIλ€μ λΉ λ₯΄κ² μ°λν μ μμ κ² κ°λ€.
β’
λ§μ΄ λμμ£Όμ μΉμ¬λκ» λ°μ
β’
κ·Έλ¦¬κ³ μ΄μ§ κ³ λ―Όλλ λΆλΆμ΄ νλ μλλ°, μ¬νκ» κ°λ°μ νλ©° μλ―Έμλ νΈλ¬λΈ μν
μ΄ λμ€μ§ μκ³ μλ€.
β’
κ·Έλ§νΌ νΈλ¬λΈμ΄ μλ€λ κ²μ κΈ°λ»ν΄μΌ νλ κ²μΈκ°.. μ΄μ§ λΆμνλ€.
β’
μ΄μ μ νκ³ μμ λ§νλ―μ΄, νλλ₯Ό ꡬνν λ λμμμ΄ whyλ₯Ό λμ§μ
μΉμ¬
β’
μΏ κΈ°κ° κ°μ§ μλ μ΄μ λ₯Ό μμλλ€.
β’
POSTλ‘ μ¨ μμ²μ΄κΈ° λλ¬Έμ res.cookieκ° μλλΌ req.res.cookieλ‘ μΏ ν€λ₯Ό 보λ΄μΌνλ€.
β’
λ μ΄λ κ² νκ°μ§λ₯Ό λ°°μκ°λ€.
β’
μΉ κ°λ°μ μμνμ§ 4κ°μ μ λ λμ§λ§, μ²μμ λΉν΄ νμ€ν μ μ μ€λ ₯μ΄ λκ³ μλ κ±° κ°λ€.
μ§μ¬
μμ΄
β’
μ€λμ μ°¨νΈλ₯Ό μμ±νλ€. μΊλ²μ€λ₯Ό 1λ λͺ°λλ€κ° μ μ λ°μ νλ κ² κ°μμ μ’λ€.
β’
μ€μ€λ‘ κ°λ°μ νλ©΄μ κ²μμ λΉλκ° μ€κ³ νΌμ νλ κ³ λ―Όμ λΉλκ° λμ΄λλ κ²μ λλλ€.
β’
κ²μ μ»΄ν¬λνΈλ₯Ό μ¬μ¬μ©νκΈ° μν΄ λ¦¬ν©ν λ§μ νκ³ μλλ° μ½μ§κ° μλ€. μ²μλΆν° μ‘°κΈ μ μ§λ³Ό κ±Έ.. νλ μκ°μ΄ λ€μ΄μ μμ½λ€.
β’
리ν©ν λ§μ νλ©΄μ μ¬μ€ λΆλ¦¬ μ체λ μ¬μ΄λ° κ·Έλ₯ λμ΄κ°κΈ°μλ μμ¬μ΄ μ μ΄ λ§μμ κ³ λ―Όμ΄ λλ κ² κ°λ€. <br/>
κ·Έλ¬λ μΌμ μ λ§μΆ°μΌ νκΈ° λλ¬Έμ κ³ λ―Όμ λ΄μΌκΉμ§λ§, κ·Έλ¦¬κ³ λ λμ 리ν©ν λ§μ μκ°μ΄ λ λ ννμ΄ νμ.
β’
μ κ·Όλ° μ§μ§ λ μ λΆλ¦¬ν μ μμκ±° κ°μλ°..................
12μ 1μΌ
λκ·
μΉμ¬
β’
μ€λμ 맀주 μλ λ°λͺ¨ ν루 μ λ μ΄λ€. λ°λͺ¨ μ λ μ νμ λ°μλ€...
β’
middlewareλ₯Ό ꡬννμ¬ νλ‘ νΈμμ μ€λ λͺ¨λ api μμ²μ λν΄ κ²μ¦μ κ±°μΉλ λ‘μ§μ μΆκ°νλ€.
β’
λ°°ν¬λ₯Ό λ΄λΉνκ³ μλ λλ μμ λΆν° λ°°ν¬λ₯Ό μν΄ κΈ°λ₯μ μΆκ°λμ΄μΌνλ PRλ€μ νμλ€μκ² μ견μ λ°μ mergeλ₯Ό μ§ννλ€.
β’
μμλ νλ²μ λλ λ²μ΄ μλ λ°°ν¬... μ¬λ¬κ°μ§ μλ¬κ° λ°μν΄ νλ‘ νΈλΆλ€κ³Ό ν¨κ» μλ¬ λλ²κΉ
μ μ§ννλ€.
β’
λ€λ€ λ¦κ²κΉμ§ λλ²κΉ
μ ν¨κ» ν΄μ€μ λ무 κ³ λ§μ λ€.
μ§μ¬
μμ΄
β’
λ‘κ·ΈμΈμ΄ λκΈ° μμνκ³ , λ§ν νμ΄ λ«λ¦¬λ λλμ΄λ€.
β’
μ΄μ APIλ₯Ό μμλ‘ id=1ν΄μ νμΈνλ κ²μ λ‘κ·ΈμΈ κΈ°λ° λ°μ΄ν°λ‘ νμΈν μ μκ² λμλ€.
β’
κ·Έλ¦¬κ³ λͺ©μμΌμ.. νμ λ¦κ² μλ€.. μ°λ¦¬ν μ΅μ€ νμ΄ν