22.10.24 μμμΌ π¨ π£ π
β TODAY I DONE
#1 CoStudo Project μ£Όκ°νμ
μμμΌ μμμ μ΄μ μ΅μν΄μ§ CoStudo μ£Όκ°νμλ‘ μμνλ€.
μ£Όμ λ
Όμ μ¬νμ Flex μ€νμΌ μ€λ³΅ ν΄κ²° λ°©λ², Row μ»΄ν¬λνΈ μ©λ μ ν, Input μ validation μ΄μλ€.
Flex μ€νμΌμ μ€λ³΅ ν΄κ²° λ°©λ²μ μ§κΈκΉμ§λ sass μμλ mixin, styled components μμλ mixinκ³Ό λΉμ·νκ² css κ°μ²΄λ₯Ό μμ±ν΄ μΆκ°νλ λ°©μμΌλ‘ ν΄κ²°νμλλ° νν¬κ»μ flex μ€νμΌμ μ§μ ν μ μλ μ»΄ν¬λνΈλ‘ ꡬννμκ³ μ μν΄μ£Όμ
μ μ μ νλ€. λ
Όμ λμ mixin λ°©μμΌλ‘ κ°λ €λ€κ° ν΄λΉ μ€νμΌμ μμΉλ₯Ό μ΄λ€ λ ν¬μ λ¬μΌ νλμ§μ λν΄ μκ²¬μ΄ λμμ μ’ λ λ
Όμλ₯Ό ν΄μΌν μ¬μ§κ° μμ κ² κ°μ μ΄λ€ λ°©μμΌλ‘ ꡬνν μ§λ μΆνμ discussion μ ν΅ν΄ ν΄κ²°νκΈ°λ‘ νλ€.
μ€λ μ£Όκ°νμλ₯Ό νλ€κ° μμΌ λλκ±΄λ° μμ°μ€μ μΆνμ, λμ€μ λΌλ λ§μ΄ μ
μ λΆμ κ² κ°λ€λ μκ°μ΄ λ€μλ€.
νλ‘μ νΈ μ§ν λ°©μμ κ°λ₯νλ©΄ ν
μ€νΈλ‘, λΉλκΈ° μμΌλ‘ μ§ννμ ν©μν λμ κΈ°λ‘μ ν¬κ² μ κ²½μ°μ§ μμλ 차곑차곑 μλ£κ° μμ΄κ³ , μ견μ λ΄κΈ° μ μ μΆ©λΆν κ³ λ―Όν μκ°μ κ°μ§ μ μλ€λ건 μ’μ μ μ΄μμ§λ§.
κ·Έλ¬λ€λ³΄λ λ§μ ꡬλλ‘ νμλ₯Ό ν λλ λ°λ‘ λ± λλ λλ€λΌκ³ κ²°λ‘ μ λ΄λ¦¬μ§ λͺ»νκ³ μΆνμ μ’ λ λ€μ λ
Όμλ₯Ό,,,λμ€μ μ’ λ μλ£λ₯Ό μ°Ύμμ λ
Όμλ₯Ό,,,νκ³ λ―Έλ£¨κ² λλ λλμ΄ λ€μλ€.
μ’ λ λμ κ²°λ‘ μ λ΄κΈ° μν΄μλ λμμ§ μμ§λ§ μ΄λ°μμΌλ‘ νλ λ 미루λ€λ³΄λ©΄ κ·Έλ§νΌ νλ‘μ νΈκ° λλ μ΄ λλ κ±°λ κ³ λ―Όμ΄ μ’ λλ κ² κ°λ€.
#2 JS μ€ν°λ
μ€λμ μ¨μ΄λ λμ΄μ Deep dive JS μ€ν°λλ₯Ό μ§ννλ€.
thisμ class κ° μ΄λ² μ£Όμ μλλ°, classλ₯Ό μ‘°κΈ λ¬΄μνκ³ μ€ν°λ μ€λΉλ₯Ό μ λ
μ μμνλ€κ° μ§μ§ νΌμμ΄ λ¬λ€.
λ΄μ©μ μ΄λμ λ μλ λ΄μ©μ΄μμ§λ§, λΆλμ΄...μ₯λ μλμ΄μ...μ§μ§ νλ§ν°λ©΄ 1νλ
λ λ€ λͺ»ν λ» νλ€.
κ·Έλλ μ΄μ°μ μ° μ 리λ₯Ό νμ¬ μ°Έμ¬λ ν μ μμλλ° μμλ μκ² κ³΅λΆν λ§νΌ μΌλ λ²λ λ΅λ³μ λ΄λμλ€....
λ΅μ΄ λ°λ‘ μκ°μλ μ μ μ΄ νλ₯΄λ©΄ μ¨μ΄ μλ₯νκ²...γ
...ν€μλλ₯Ό λμ Έμ£Όμ Έμ μ μ£Όμ λ¨ΉμΌλ©΄μ 무μ¬ν λλΌ μ μμλ€.
μ€μ λ©΄μ μ΄μμΌλ©΄ λλ¬Ό μ°λ νκ² λ€ μΆμ μκ°μ΄ λ€μλ€.
β BACK STEP
μμμΌμ΄λΌ κ·Έλ°κ° ν루μ’
μΌ μ’ μ΄μμ νλ κ² κ°λ€.
μ£Όκ°νμμλ μ΄ν‘ μ§μ€μ λͺ»ν λλμ΄κ³ ....
μ£Όκ°νμκ° λλ μ΄ν νλ‘μ νΈ κ°λ°μ μ’ κΉμ§μλλ° μ© λ§μμ λ€μ§λ μλλ€.
β ONE STEP
@ _@)...
νλ‘μ νΈ νμμ JS μ€ν°λ...μ°Έμ¬νλ€....
22.10.25 νμμΌ π¬ π π€
β TODAY I DONE
#1 CoStudo Project
μμμΌμ ν©μνλλ‘ νν¬κ»μ κ°λ¨ν ꡬνν΄ μ¬λ €μ£Όμ
¨λ μ½λλ₯Ό μ°Έκ³ νμ¬ Input μ validationμ form λ¨κ³λ‘ μ¬λ¦¬λ μμ
κ³Ό μ€ν°λ μμ± νμ΄μ§λ₯Ό κ°λ°νλ μΌμ μμνλ€. νν¬κ»μ κΈ°λ°μ μ λ¦μμ£Όμ
μ μμμ΄ μ΄λ ΅μ§ μμλ€.
Input κ΄λ ¨ν΄μλ μλλ Mob νλ‘κ·Έλλ°μ μλν΄λ³ΌκΉ μΆμλλ° μ΄λ² μ£Όμ μΌμ μ΄ μ’ λ°μ κ² κ°μμγ
μΌλ¨ νΌμμ ν΄λ³΄κ³ PRμ 보λ΄λ μμΌλ‘ νκΈ°λ‘ κ²°μ νλ€.
#2 μν°λ ν리μ¨λ³΄λ© νλ‘ νΈμλ μ½μ€ μμ
μ΄λ² μ£Ό μΌμ μ λ°μκ² λ§λ μμΈ...
μν°λ ν리μ¨λ³΄λ© νλ‘ νΈμλ μ½μ€λ₯Ό μμνλ€.
μ€λ μ μ¬ μκ°μ 30λΆ μ λ κ°λ¨ν OT ν μ€ν 8μλΆν° 11μκΉμ§ 첫λ²μ§Έ κ°μλ₯Ό μ§ννλ€.
μ€νμ κ°μλ OTμ κ°μ λλμ κ°μμκ³ , μ±μ© κ³Όμ λ₯Ό μ€λΉ, μννλ νλλ κ°λ°μλ‘μμ μλ κ·Έλ¦¬κ³ Gitκ³Ό κ΄λ ¨ λ λ΄μ©λ€μ λν΄ λ°°μ λ€. μ§κ·Ήν λΉμ°νμ§λ§ κ·Έλ κΈ°μ μ€μν λ΄μ©λ€μ΄μλ€. κ°μλ₯Ό λ
Ήνν΄μ μ 곡ν΄μ€μ λ΄μΌ νλ² λ λ€μΌλ €κ³ νλ€.
β BACK STEP
μ μ¬μ μ€λλ§μ μ΄λ°₯μ λ¨Ήμλ€κ°...νμ΄ λ¬λμ§ 8μ μ΄νλ‘ λ°°κ° μνμ...μ λλ‘ μ§μ€μ λͺ»νλ€.
β ONE STEP
μν°λ ν리μ¨λ³΄λ©μ΄λΌλ μλ‘μ΄ λμ μ μμνλ€.
νμ¬ μ§νμ€μΈ νλ‘μ νΈμμ λ³νμ΄ κ±±μ λμ§λ§, μ§μ§λΆμ§ν μ·¨μ€μ μ νμ μ΄ λκΈΈ λ°λμ μ μ²νλ€.
ν νλ‘μ νΈκ° μλ€κ³ νμ¬ κ±±μ νλλ° μ‘°κΈ λ
νΉνκ² μν μ λΆλ΄νμ¬ κ°κ° κΈ°λ₯μ ꡬννλκ² μλλΌ
νμ λͺ¨λκ° λͺ¨λ κΈ°λ₯μ κ°μ ꡬννκ³ κΈ°λ₯λ³λ‘ μλ‘ μ΅κ³ μ μ½λλΌκ³ μκ°νλ μ½λλ₯Ό λ°μνμ¬...짬λ½μν€λ λ°©μμΌλ‘ μ§νλλ€κ³ νλ€.
μ κΈ°ν λ°©μμΈ κ² κ°λ€.
μμνκΈ° μ κΉμ§ ν μ§ λ§μ§ κ³ λ―Όμ μμ² λ§μ΄ νλ€. μμ 무λ£λ μλκ³ ,
λ€μ¬μΌ νλ μκ°λ λ§κ³ κ³Όμ λ μ λλ‘ μνν μ μμμ§ κ±±μ λκ³ ....
κ·Έλλ κ³ λ―Ό λμ μμνκΈ°λ‘ κ²°μ νκ³ , μ΄μ μμνκ±° 4μ£Όλμ μ΄μ¬ν νλ² ν΄λ³΄μ...! @_@)9
22.10.26 μμμΌ π¨ π π€
β TODAY I DONE
#1 ν리μ¨λ³΄λ© 첫λ²μ§Έ νμ
μ€λ μν°λ ν리μ¨λ³΄λ©μμ κ°μ νμ΄ λμ λΆλ€κ³Ό 첫λ²μ§Έ νμλ₯Ό μ§ννλ€.
μ€ν 2μλΆν° 5μ λ°μ―€κΉμ§ μκ°λ³΄λ€ κΈΈκ² νμκ° μ§νλλ€.
첫 νμλΌμ κ°λ¨νκ² μκΈ°μκ°λ νκ³ νμ₯λλ μ νλ€.
κ·Έλ¦¬κ³ μ΄λ²μ 첫λ²μ§Έ κ³Όμ κ° μ¬μ κ³Όμ μ Best Practice μ½λλ₯Ό λ§λλ κ±°λΌ κ°λ¨νκ² κ°μμ μ½λλ₯Ό μ€λͺ
νλ μκ°μ κ°μ‘λ€.
κ·Έλ κ² μ½λλ₯Ό μ€λͺ
νλ€λ³΄λ μμ°μ€λ½κ² νΌλλ°±μ΄λ μ§λ¬Έμ μ£Όκ³ λ°λ λΆμκΈ°κ° λλ€γ
γ
!
κ·Έ νμ μμλ³΄λ€ νμ μκ°μ΄ κΈΈμ΄μ§κ³ , μ€μ§μ μΌλ‘ κ³Όμ μ μ§λκ° λκ°μ§ μμμ§λ§ μ΄λ° μμΌλ‘ νμ λΆλ€κ³Ό λ€κ°μ΄ νλμ μ½λλ₯Ό λ³΄κ³ λλ°λλ° μκΈ°λ₯Ό λλλ λΆμκΈ°κ° λμμ§ μμλ κ² κ°λ€! ^_^)b
무μλ³΄λ€ λ€λ€ μ κ·Ήμ μΌλ‘ μ°Έμ¬ν΄μ£Όμ
μ λ€μν μ견, νΌλλ°±, μ§λ¬Έμ λ€μ μ μμλ€!
λ΄μΌ μ€ν 3μμ λ€μ λͺ¨μ¬μ μ°μΌλ‘ Best Practice λ₯Ό λ§λ€κΈ°λ‘ νλ€.
#2 CoStudo Project
κ³ννλλ‘ Formμ λλμ validationμ μΆκ°ν΄λ³΄κ³ inputμ μμ ν΄λ΄€λ€.
κ·Έλ°λ° λ λ§μ ꡬνν΄λ³΄λ μμ λ건 ν¬κ² μκ³ λκ° κ°Έμ°λ±νκ³ λͺ
νν μμΈ μμ΄ λ―Έλ¬νκ² κ³ λ―Όμ΄ λλ λΆλΆμ΄ μκ²Όλλ°....
λ±λ΄λ μ΄ μνλ‘ κ³ λ―Όνλ©΄ μ΄λ² μ£Ό λ΄μ PR λͺ»λ³΄λ΄κ³ λ μ§μ§ λ κ°μ΄λΌ λ΄μΌ κ·Έλ₯ PRμ λ λ €λ²λ¦¬κΈ°λ‘ νλ€.
μ΄μ°¨νΌ κ·Έλ₯Έ μ½λλΌλ©΄ λͺ
νν νΌλλ°±μ λ°κ³ RC μ¨κ² λ§μΌλ©΄ λλκΉ!!
PRμ κ°λ³κ² μκ°νμ @_@)9
빨리빨리 μ§λ λΉΌμΌμ§!!
κ·Έλ¦¬κ³ μ μ΄λ―Έμ μλν° μ½λλ λ§μ§μ ν΄λ΄€λ€.
λ΄μΌ input pr λ λ¦¬κ³ μλν°λ λλ‘λ€μ΄ μΆκ°ν΄μ μ€ν°λ μμ± νμ΄μ§ 1μ°¨ ꡬν prλ λ λ €λ³ΌκΉ νλ€!
β BACK STEP
μΌμ κ΄λ¦¬κ° μ‘°κΈ μΌλ λ²λ μλ€.
μλ μκ°λ³λ‘ κ³ν μ μμΈμ°κ³ κ·Έλκ·Έλ νκ³ μΆμκ±Έ νλ νΈμ΄κΈ΄ νμ§λ§
μ€λ νΉνλ ν리μ¨λ³΄λ©μ΄λΌλ μλ‘μ΄ μ€μΌμ₯΄μ΄ μΆκ°κ° λ νμΈμ§ μ΄μ λ ν΄μΌνμ§? νκ³ λ°©ν©νλ μκ°μ΄ μμλ€.
μΌμ μμνλ©΄ μ§μ€μ μ νκΈ΄ νμ§λ§...
μ λΉν 루ν΄μ μ 리νμ! @_@)9
β ONE STEP
ν리μ¨λ³΄λ© νμ λλλ©΄ νκΉμΉλμ΄μ λμ΄μ§ μ€ μμλλ°
μκ°λ³΄λ€ 컨λμ
μ΄ λμμ§ μμλ€!!!
체λ ₯μ΄ μ‘°κΈ λμ΄λ κ² κ°κΈ°λνκ³ !?
22.10.27 λͺ©μμΌ π¨ π π
β TODAY I DONE
#1 ν리μ¨λ³΄λ© 첫λ²μ§Έ κ³Όμ - TodoList ( with Auth )
μ€λ μ€ν 3μλΆν° 6μ λμ΄μκΉμ§ ν리μ¨λ³΄λ© Best Practice νμκ° μμλ€.
ν리μ¨λ³΄λ© μ½μ€κ° μ λ§ νΉμ΄νκ² λλ£ νμ΅μ΄λΌκ³ ν΄μ κ°μ κ³Όμ λ₯Ό ꡬννκ³ κ° νμλ€μ κ³Όμ μ½λλ€ μ€μμ Best Practice λΌκ³ μκ°λλ μ½λλ₯Ό 골λΌλ΄μ κ·Έκ²λ€μ νλλ‘ ν©μ³ μ΅μ’ κ²°κ³Όλ¬Όμ λ§λλ λ°©μμ΄λ€. μ΄μ νμμμλ κ°μμ μ½λλ₯Ό κ°λ¨νκ² μ€λͺ νκ³ λ¦¬λ·°λ₯Ό νκ³ , κ·Έλ κ² νμ ν μ½λλ₯Ό λ°νμΌλ‘ μ€λ μꡬμ¬ν λ³λ‘ Best λΌκ³ μκ°λλ μ½λλ₯Ό νλλ‘ ν©μ³λ΄€λ€.
μ¬μ€ νμλ₯Ό μμνκΈ° μ μ μꡬμ¬νμ΄ κ·Έλ κ² λ§μ§λ μμ§λ§ νμλ 8λͺ μ΄λ λλ λ§νΌ μλ‘μ μ½λκ° μ λΆ μ κ°κ°μ΄λΌμ μ΄κ² λ κΉ? μΆμλ€. μ μ΄μ μ΄ μ½λλ€μ μ΄λ€ λ°©μμΌλ‘ ν©μ³μΌ νλμ§ κ°λ μμ‘νλλ°, νμ₯λκ»μ ν¨μ¨μ μν΄ λλΌμ΄λ² μν λ‘ λΌμ΄λΈμ½λ©μ νμκ³ μ΅λν μ΅μ λ¨μλ‘ μꡬμ¬νμ΄λ νμν κΈ°λ₯μ μͺΌκ°μ κ° κΈ°λ₯λ³λ‘ νμλ€μ΄ μκ°νκΈ°μ μ’μλ μ½λλ₯Ό μΆμ²νκ³ κ·Έμ λν΄ μ견μ λλκ³ ν©μνμ¬ λ°μνλ μμΌλ‘ νλ€. λ°μνλ κ³Όμ μμ μκΈ°λ μΆ©λμ λλΌμ΄λ²μΈ νμ₯λκ»μ κ±°μ μ μ μΌλ‘ μ€μκ°μΌλ‘ μμ νλ©΄μ μμ ν΄μ£Όμ ¨λ€.
κ·Έλ κ² νλ€λ³΄λ...λλ€. γ γ γ )!!!!
μμ§ν 8λͺ μ΄μ κ°μ μ½λλ₯Ό λ³΄κ³ κ·Έλ₯ λλ°λλ° μλ€λ§ λ€ κ² κ°μλ° κ²°κ³Όλ¬Όμ΄ λμλ€!

λ€ λ§λ€κ³ λμ μ΄κ² νμλ€μ μ½λκ° ν©μ³μ Έμ λ§λ€μ΄μ§ κ²°κ³Όλ¬Όμ΄λΌλ μ½κ° κ°κ²©μ°...γ -γ )b
κ³΅μ΄ λ§μμ§λ§ νμ₯λκ»μ νν΄μ¬ μν μ μ ν΄μ£Όμ μ μκ°λ³΄λ€ λΉ λ₯΄κ² ν©μΉ μ μμλ€.
μ΄ν κ·Έλλ‘ κ³Όμ λ‘ μ μΆνμ§ μκ³ λ ν¬μμ PRμ νλ² λ λ¦° λ€ μΆκ°μ μΈ μ견μ PR λ¦¬λ·°λ‘ λ°μ νλ² λ κ°μ μ ν λ€ μ΅μ’ μ μΌλ‘ νμ₯λκ»μ κ³Όμ λ₯Ό μ μΆν΄μ£Όμ ¨λ€.
μ½λλ₯Ό ν©μνλ κ³Όμ μμ λ΄κ° μ μΌ μ κ²½μ μ΄ λΆλΆμ μ½λμ μΌκ΄μ±, μ μ§λ³΄μ μΈ‘λ©΄μΈ κ² κ°λ€. νΉνλ μμν...!
μ΄λ° λ°©μμΌλ‘ κ°λ°ν΄λ³΄λ건 μ²μμ΄μλλ° μ¬λ―Έμμλ€!
#2 CoStudo Project
μμ§ν μ΄μ λ μͺΌμ€κΈ μ§λ£¨ν΄μ§ Form / Input κ°λ°μ νλ€.
μλ μ€λ κ·Έλ₯ PR μ μΆνλ €κ³ νλλ° Form μλ€κ° μ€νμΌμ μ νλ μμ μ νλ€κ°
νμ¬μ Form μ»΄ν¬λνΈλ‘λ λ€μν λ μ΄μμμ Formμ λ§λ€κΈ° νλ λΆλΆμ λ°κ²¬νλ€.
νν¬κ»μ κ°λ¨νκ² κ΅¬νν΄μ£Όμ ¨λ Formμλ€κ° μ΄μ λΆμ΄λ μμΌλ‘ κ°λ°μ νλλ°
νμ¬ Formμ childrenμΌλ‘ name μμ±μ κ°μ§ inputμΈ Field νκ·Έκ° λ€μ΄μ¬κ±°λΌλ κ±Έ κ°μ νκ³ κ°λ¨νκ² κ΅¬νλμ΄ μμλ€.
μ€νμΌλ§μ μ΄λ»κ² νλμ§, μ»΄ν¬λνΈ κ΅¬μ‘°λ₯Ό μ΄λ»κ² μ‘λμ§μ λ°λΌ inputμ΄λ Field νκ·Έ μΈμ κ²μ΄ μμμΌλ‘ λ€μ΄μ¬ μλ μλλ°...γ
μνΌ κ·Έ λΆλΆμ κ°μ μμ μ νλ€κ°...Inputμ κ·Έλ₯ μμ°½ κ°μμμ΄ λ²λ Έλ€...
μ΄μ λκΌλ λκ° κ°Έμ°λ±νκ³ λͺ νν μμΈ μμ΄ λ―Έλ¬νκ² κ³ λ―Όμ΄ λλ λΆλΆμ΄ μ΄ λΆλΆμ΄μλ€...γ ....
κ·Έλμ νλ€λ³΄λ PR μ μΆμ κΏλ λͺ»κΎΈκ³ νμ¬ μκ° 10μ 28μΌ μ€μ 7μ 30λΆ...
λ μλ²λ Έλ€...γ λ©μΆ©λ©μΆ©....
β BACK STEP
μ€μ μ λ€λ₯Έ μΌμ νλλΌ ν루λ₯Ό μ’ λ¦κ² μμνλ€.
β ONE STEP
μ΄λ² μ£Ό λ€μ΄μ κ°μ₯ μ§μ€λ ₯μ΄ λμλ κ² κ°λ€.
'π DIARY > 2022 μ£Όκ°νκ³ ' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
10μ 3μ£Όμ°¨ μ£Όκ°νκ³ (0) | 2022.10.11 |
---|---|
10μ 2μ£Όμ°¨ μ£Όκ°νκ³ : CoStudo Project (0) | 2022.10.04 |