리μ‘νΈλ‘ κ°μ± μΌκΈ°μ₯ λ§λλ νλ‘κ·Έλ¨ ν΄λ‘ μ½λ© νλ μ€, μ μΌκΈ° μμ±νλ €κ³ νλ©΄ μλμ μλ¬κ° κ³μ λ°μνλ€.κ²μν΄λ΄λ λ³λ€λ₯Έ ν΄κ²°μ± μ΄ μμ΄ μ΄ν λμ μ§λλ λͺ»λκ°κ³ κ³μ μ΄κ²λ§ μ‘κ³ μμλ€γ μΌλ¨ dateλΌλ propertyλ₯Ό μ μν μ μλ€κ³ ν΄μ dateκ° λ€μ΄
νλλ₯Ό ν΄κ²°νλ λ νλ λ°μ..μ½μμ°½μ 보λ μμ κ°μ κ²½κ³ κ° λ°μνλ€.μ΄ κ²½κ³ λ λμΌν ν€λ₯Ό κ°μ§ λ κ°μ μμ μμλ₯Ό λ§λ¬μ λ λ°μνλ κ²½κ³ μ΄λ€. Reactμμλ ν€(key)κ° κ³ μ (unique)ν΄μΌ νλ©°, ν€κ° μ€λ³΅λλ©΄ μ»΄ν¬λνΈμ μλ³μ±μ΄ μ μ§λμ§ μμ μ μ
firebaseλ‘ λ°°ν¬νλ €λ μ€ κ³μ λ΄ νλ‘μ νΈ IDλ₯Ό μ λ ₯νλ λ¨κ³μμ μλ¬κ° λ°μνλ€.λ‘κ·Έ νμΌμ λ΄λ μ΄λ€κ±Έ ν΄μΌνλμ§ λͺ νν μ μ μμλ€.λ€λ€ μ΄ λ¨κ³μμλ λ³ λ¬Έμ μμ΄ μ§λκ°λμ§ κ΅¬κΈλ§μ ν΄λ λμ€μ§ μμλ€γ λ‘κ·Έ νμΌ(firebase-debug.log)μ
socket.io κ³Όμ μ€ μλμ μλ¬λ₯Ό λ§λ¬λ€..ꡬκΈλ§μ ν΄λ΄λ λ¬΄μ¨ λ¬Έμ μΈμ§ κ°μ΄ μμ‘νμ λ€ΌνΌμ νμ λΉλ Έλ€ γ ;μ€λ₯κ° λ°μν μ½λμμ ν μ½λμ΄λ²€νΈ 리μ€λλ₯Ό λ±λ‘νλ κ³Όμ μμ ν¨μλ₯Ό λ°λ‘ νΈμΆνλ κ²μ΄ μλλΌ, ν¨μ μ°Έμ‘°λ₯Ό μ λ¬ν΄μΌ νλ€ JavaScriptμμ ν¨
μ΄ μ½λμ²λΌ react λ°©μμΌλ‘ src/assets κ²½λ‘μ μ΄λ―Έμ§λ₯Ό λΆλ¬μ€λ μ€μ νλλ μλμ κ°μ΄ μ€λ₯κ° λ°μνλ€λ€νν κ²μν΄λ³΄λ ν΄κ²° λ°©λ²μ΄ κΈλ°© λμλ€. λ κ°μ§ λ°©λ²μ΄ μμλλ° import μ from λμ require() μ¬μ©νμ§λ§ μ΄ λ°©λ²μ μ€λ₯κ° μκΈ°μ§
fontawesome μ¬μ©μ μν΄ μλμ λͺ¨λμ μ€μΉνλ€λ λͺ¨μ μμ΄μ½μ μ¬μ©νκΈ° μν΄ μλμ μ½λλ₯Ό μμ±νλλ° μνλ μ΅μ μ μμ΄μ½μ΄ λμ€μ§ μμλ€.κ·Έλμ μ΅μ μ΄ μ ν λ²μ μ μ½λ(<FontAwesomeIcon icon="fa-thin fa-eye" />)λ₯Ό λ£
`` IconProps μ€λ₯ fontawesome μ¬μ©μ μν΄ μλμ λͺ¨λμ μ€μΉνλ€ > λ λͺ¨μ μμ΄μ½μ μ¬μ©νκΈ° μν΄ μλμ μ½λλ₯Ό μμ±νλλ° μνλ μ΅μ μ μμ΄μ½μ΄ λμ€μ§ μμλ€. > κ·Έλμ μ΅μ μ΄ μ ν λ²μ μ μ½λ(``)λ₯Ό λ£μλλ μλμ μ€λ₯κ° λνλ¬λ€
μ²μμ μλ²μΈ‘ urlλ‘ axios μμ² λ³΄λ΄κΈ° μν΄ .env.developmentμ κ°μ νμΌ μμ±ν΄μΌνλ€λ κ²μ κΉλΉ‘νκ³ μ μλμ§ νλ©΄μ λͺμκ°μ λ λ Έλ€μμ μ½λλ‘ νμΌ μμ±ν ν process.envλ‘ μ κ·Όνλ €κ³ νλκΉ λΉ¨κ° λ°μ€μ΄ μκΈ°λ©΄μ μ€λ₯κ° λ°μνλ€ ν..
μ²μμ master λΈλμΉλ‘ push ν΄λ²λ €μ bitbucket μ μ₯μ μμ , .git ν΄λ μμ ν μ²μλΆν° λ€μ μμνλ €κ³ νλ€. > git pull λ°μλλ° ν΄κ²°λμ§ μμλ€. λ μ μ₯μκ° μ°κ²°λμ§ μμμλΌκ³ > μ λ ₯νλλ ν΄κ²°λλ€! μ°Έκ³ μλ£ git pu