
π¬μ²« νΌλΈλ¦¬μ± μμ
μ΄λ²μ£Όλ μ²μμΌλ‘ νΌλΈλ¦¬μ± μμ μ λ°μμ΄μ. μ μ§μ₯μμλ νμ νΌλΈλ¦¬μ± λ°μκ²μ μμ νμ§λ§ μ¬κΈ°μλ νλ‘ νΈμλ κ°λ°μλ‘ μ·¨μ μ νκΈ°λλ¬Έμ νΌλΈλ¦¬μ± μμ μ μꡬνλκ΅°μ. νμμ κ΄μ¬μ΄ κ°λ λΆμΌλΌμ μ§μ ν΄λ³΄κ³ λ μΆμμ΄μ. νμ§λ§ μκ°λ³΄λ€ λμμΈ μμλ§νΌ λ§λ€μ΄μ§μ§λ μμμ΄μπΏ. κ·Έλμ cssμ 곡λΆλ₯Ό ν΄μΌκ² λ€λ μκ°μ νκ² λ©λλ€.
π νΌλΈλ¦¬μ±μ κΌΌκΌΌν¨
μ΄λ²μ μ²μμΌλ‘ νΌλΈλ¦¬μ± νκ³ νμ₯λνν 컨νμ λ°μμ§λ§ λμμΈ μμκ³Ό κ°κ²©μ΄ λ€λ₯΄λ€λ λ§μ λ€μμ΄μ. 좩격μ΄μμ΄μ. λ΄κ° μ΄λ κ² κΌΌκΌΌνμ§ λͺ»νλκ° νλ©΄μ κ·Έλμ μ£Όλ§λμ cssκ°μλ₯Ό λ³΄κΈ°λ‘ λ§μμ λ€μ‘μ΅λλ€.
π― axios reponse μ²λ¦¬
νμ¬μμ κ΄λ¦¬μ€μΈ νλ‘μ νΈκ° μ‘΄μ¬νλλ° κ³ κ°λ€μ΄ λ€νΈμν¬κ° μν νμ§ λͺ»νμλμ§ νμ₯λκ»μ axios responseμ²λ¦¬κ° νμνλ€κ³ ν΄μ axiosμ²λ¦¬λ₯Ό μΆκ°νμμ΄μ. axios interceptor reponseμμ 4λ²μ api μ¬μλλ₯Ό νμ¬λ λ°μμ΄ μμΌλ©΄ errorμ²λ¦¬λ₯Ό νλλ‘ λ³κ²½νμμ΄μ. μΆν μ΄λ¬ν λΆλΆλ λΈλ‘κ·Έμ μμ±ν λ΄μ©μ λλ€.
π css κ°μ
μΈνλ°μμ css κ°μλ₯Ό ꡬ맀νμκ³ μΌλ§λ£μ§ μμμ§λ§ μκ°λ³΄λ€ λͺ¨λ₯΄λκ² λ§λ€κ³ λκΌμ΄μ. λ¨μ§ padding,margin μ λλ§ νλꡬλ min-width, line-height , float μμ±μ λν΄μλ μ΄λκΉμ§ μλͺ¨λ₯΄κ³ νꡬλ λΌλ μκ°μ΄ λ§μ΄ λ€μμ΄μ. μΈμ λΆν°λ css μμ λ githubλ‘ 1μΌ1컀λ°μ ν μμ μ λλ€.
π μ 무μΌμ§
νμ¬μ μ μ¬νμ§ 3μ£Ό μ λ μ§λ¬μ΄μ. μ§κΈνμ¬μμλ 3κ°μμ λ μμ΅κΈ°κ°μ΄ μ‘΄μ¬νλλ° κ·Έ λμ 1λ¬λμμ νμ¬ μΈνΈλΌλ·μ μ 무μΌμ§λ₯Ό μμ±νκ³ 1λ¬μ λ μ§λκ°λ©΄ ν μ체μμμ μ 무μΌμ§λ₯Ό μμ±νκ² λμ.
3μ£Όλμ μ 무μΌμ§μ λν΄μ νμ₯λμ΄ "νκ°λ₯Ό ν λ λλμ μ λν΄μ μ€μ μ μΌλ‘ νμΈνλκΉ μ°Έκ³ ν΄ λμΈμ" λΌλ λ§μ λ£κ² λμμ΄μ. λ€μμ£Ό λΆν°λ μ’ λ μμΈνκ² μ μ μμ μ λλ€.
'νκ³ ' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
| π8μ 3μ£Όμ°¨ νκ³ (0) | 2021.08.22 |
|---|---|
| πͺ8μ 2μ£Όμ°¨ νκ³ (0) | 2021.08.15 |
| πΉ7μ 5μ£Όμ°¨ νκ³ (0) | 2021.08.01 |
| π₯7μ 4μ£Όμ°¨ (0) | 2021.07.25 |
| π μ¬μ·¨μ μ΄ λκΈ°κΉμ§ (0) | 2021.07.12 |
λκΈ