πŸŽ„ μ„±μž₯일지 3.0

μ±… ν–‰λ³΅ν•œ 이기주의자(웨인 닀이어)의 λ‚΄μš©μ— μžκ·Ήλ°›μ•„ μ‹œμž‘ν•˜λŠ” μ†Œλ°•ν•œ μ„±μž₯기둝

μ‚΄μ•„μžˆλŠ” 꽃과 죽은 꽃은 μ–΄λ–»κ²Œ κ΅¬λ³„ν•˜λŠ”κ°€?
μ„±μž₯ν•˜κ³  μžˆλŠ” 것이 μ‚΄μ•„ μžˆλŠ” 것이닀.
생λͺ…μ˜ μœ μΌν•œ μ¦κ±°λŠ” μ„±μž₯이닀!

🌳 ν‚€μ›Œλ“œ (1.0)
μ΅œλŒ€ν•œ κ°„λ‹¨ν•˜κ²Œ 정리, 좔후에 λ³΄λ©΄μ„œ 슀슀둜 μ„€λͺ…
πŸ‰ κ²½ν—˜ μœ„μ£Όλ‘œ (2.0)
λ‹¨μˆœ 정보λ₯Ό μ „λ‹¬ν•˜κΈ°λ³΄λ‹€ 무엇을 λ°°μ› κ³  μ–΄λ–»κ²Œ ν•΄κ²°ν–ˆλŠ”μ§€ 짧고 κ°„λ‹¨ν•˜κ²Œ μž‘μ„±
❄️ 정해진 ν…œν”Œλ¦Ώμ— λ§žμΆ°μ„œ (3.0)
ν‚€μ›Œλ“œ, κ²½ν—˜ λͺ¨λ‘ μ’‹λ‹€. λ‹€λ§Œ 맀일 μž‘μ„±ν•˜κΈ°λ‘œ 마음 λ¨Ήμ€λ§ŒνΌ ν•΅μ‹¬λ§Œ κ°„κ²°ν•˜κ²Œ 정리할 수 있게 ν…œν”Œλ¦Ώμ„ μž‘μ„±

πŸ”‘ 였늘의 ν‚€μ›Œλ“œ

  • λ¦¬μ•‘νŠΈ
    • ν•¨μˆ˜ μ»΄ν¬λ„ŒνŠΈλŠ” 클래슀 μ»΄ν¬λ„ŒνŠΈλ³΄λ‹€ 뒀에 생긴 게 μ•„λ‹ˆλΌλŠ” 점(ν›…μŠ€κ°€ λ“±μž₯ν•˜κΈ° μ „μ—λŠ” stateκ°€ μ—†λŠ” μ»΄ν¬λ„ŒνŠΈ μ œμž‘μ— μ’…μ’… μ‚¬μš©λ¨)
    • useRef()λ₯Ό 직접 DOM에 μ ‘κ·Όν•  수 있게 ν•΄μ€€λ‹€κ³  μƒκ°ν•˜λ©΄ 쑰금 이해가 쉽닀.
    • Node.jsλŠ” λ°±μ—”λ“œ, μ„œλ²„λ§Œ μ“°λŠ” 게 μ•„λ‹ˆλ‹€. κ·Έμ € μžλ°”μŠ€ν¬λ¦½νŠΈ λŸ°νƒ€μž„(μ‹€ν–‰) ν™˜κ²½ κ·Έ 이상 μ΄ν•˜λ„ μ•„λ‹ˆλ‹€.
    • create-react-app을 ν•¨λΆ€λ‘œ λ‚¨μš©ν•˜μ§€λ§μž. κ·Έ 원리λ₯Ό μ•Œκ³  npm, μ›ΉνŒ©κ³Ό 바벨 섀정을 ν•  수 μžˆμ–΄μ•Όν•œλ‹€.
  • νƒ€μž…μŠ€ν¬λ¦½νŠΈ
    • unknown, never, any νƒ€μž…μ€ μ–Έμ œλ‚˜ μ£Όμ˜ν•  것
    • νƒ€μž…μŠ€ν¬λ¦½νŠΈ μ½”λ“œκ°€ ν—·κ°ˆλ¦΄ 땐, νƒ€μž… λΆ€λΆ„λ§Œ μ§€μš°κ³  μžλ°”μŠ€ν¬λ¦½νŠΈ λ‘œμ§μ„ 이해할 것!
    • as const: μ—„κ²©ν•˜κ²Œ νƒ€μž…μ„ μΆ”λ‘ ν•˜κ²Œ ν•΄μ€€λ‹€κ³  생각할 수 μžˆλ‹€.
    • typeκ³Ό interface의 차이(κ°„λ‹¨ν•œ 건 type, μΆ”ν›„ ν™•μž₯μ„±κΉŒμ§€ κ³ λ € 및 객체지ν–₯μ μœΌλ‘œλŠ” interface)
    • νƒ€μž…μ„ μ§‘ν•©μœΌλ‘œ μƒκ°ν•˜μž! & ꡐ집합, | 합집합, never 곡집합, any 전체집합
  • μ•Œκ³ λ¦¬μ¦˜
    • μ•Œκ³ λ¦¬μ¦˜ μžμ²΄λ³΄λ‹€, 자료ꡬ쑰 각각에 λŒ€ν•œ 이해λ₯Ό ν•  것
    • νž™(μ΅œλŒ€ νž™, μ΅œμ†Œ νž™) 그리고 μš°μ„ μˆœμœ„ 큐 -> μš°μ„ μˆœμœ„ νλŠ” μžλ£Œκ΅¬μ‘°λΌκΈ°λ³΄λ‹¨ ν•˜λ‚˜μ˜ κ°œλ…μ΄λ‹€. 이λ₯Ό κ΅¬ν˜„ν•˜κΈ° νŽΈν•œ 자료ꡬ쑰 쀑 ν•˜λ‚˜κ°€ νž™!

πŸ“ μš”μ•½ 및 ν•˜λ£¨ 간단 회고

κ³„μ†ν•΄μ„œ κ°œλ…λ“€μ΄ λ“€μ–΄μ˜€λŠ”λ°, μžŠμ§€λ§κ³  κΈ°μ–΅ν•˜μž. 계속 λ³΅μŠ΅ν•˜κ³  머리에 λ‹΄κ³ , μ΅μˆ™ν•΄μ§€λ„λ‘ ν•˜μž.
무엇보닀 계속 배운 λ‚΄μš©μ„ 써보도둝 ν•˜μž! 배우고 머리에 λ„£λŠ” 것도 μ’‹μ§€λ§Œ, κ²°κ΅­μ—” μ–΄λ–€ μ„œλΉ„μŠ€λ‚˜ μ œν’ˆμ„ λ§Œλ“€μ–΄λ‚΄κ±°λ‚˜ 문제λ₯Ό ν•΄κ²°ν•˜λŠ” 것이 κ°œλ°œμžλ‹€.
κΌ­ μ„œλΉ„μŠ€μ μΈ λ§ˆμΈλ“œλ‘œ 배운 것듀을 써보도둝 ν•˜μž!