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

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

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

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

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

  • ν”„λ‘œμ νŠΈ 주제 μ„€μ • 및 κ΄€λ ¨ 주제 api둜 데이터 λ°›μ•„μ˜€κΈ°
  • λ¦¬μ•‘νŠΈ
    • class component와 function component
    • react 17 vs 18
    • λžœλ”λ§λ˜λŠ” JSX λΆ€λΆ„μ˜ ν•¨μˆ˜λ₯Ό λ”°λ‘œ μ»΄ν¬λ„ŒνŠΈμ˜ λ©”μ„œλ“œλ‘œ μž‘μ„±ν•˜λŠ” 게 쒋은 이유(가독성, this바인딩 문제, λžœλ”λ§ νš¨μœ¨μ„±)
    • setStateμ—μ„œ 콜백으둜 인자λ₯Ό μ „λ‹¬ν•˜λŠ” κ²ƒμ˜ μž₯점(λ¦¬μ•‘νŠΈμ˜ batch, 가독성)
  • νƒ€μž…μŠ€ν¬λ¦½νŠΈ
    • νƒ€μž…μŠ€ν¬λ¦½νŠΈλ₯Ό μ‚¬μš©ν•˜λŠ” 이유 -> μ•ˆμ „μ„±
    • tsc와 tsconfig.json
    • μ—­ν•  : μ½”λ“œ λ³€ν™˜, νƒ€μž… 검사
    • νƒ€μž… 좔둠에 λŒ€ν•œ 이해(이 뢀뢄이 ν₯λ―Έλ‘œμ› μŒ!)
  • CS
    • 1λΉ„νŠΈλŠ” on/off μŠ€μœ„μΉ˜ ν•œ 개 라고 μƒκ°ν•˜μž
    • 8λΉ„νŠΈμ— ν•΄λ‹Ήν•˜λŠ” μš©λŸ‰μ΄ 1λ°”μ΄νŠΈ
    • 16μ§„μˆ˜ ν•œμžλ¦¬λŠ” 4λΉ„νŠΈ -> 4λΉ„νŠΈν•˜λ©΄ 16이 λ– μ˜€λ₯΄λ„둝!
    • λΉ„νŠΈλŠ” ν‘œν˜„μ˜ μ΅œμ†Œ λ‹¨μœ„μ΄λ©° λ°”μ΄νŠΈλΆ€ν„°κ°€ μš©λŸ‰μ˜ λ‹¨μœ„
    • 영문자 ν•œκ°œ => 1λ°”μ΄νŠΈ
  • μ•Œκ³ λ¦¬μ¦˜
    • κ·Έλž˜ν”„
    • 트리

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

κΌΌκΌΌν•˜κ²Œ λ°°μš°λ‹ˆ, 생각보닀 λͺ¨λ₯΄κ³  λ„˜μ–΄κ°”λ˜ λ‚΄μš©λ“€μ΄ λ§Žλ‹€. 이 맛에 κ³΅λΆ€ν•˜κ³  λ°°μš°λŠ” 게 μ•„λ‹Œκ°€ 생각이 λ“ λ‹€. πŸ˜†
λ°°μš°λŠ” 게 λ§Žμ€λ§ŒνΌ μ ˆλŒ€μ μœΌλ‘œ λ³΅μŠ΅μ„ ν•˜μž. λ˜ν•œ, 정보λ₯Ό 전달 λ°›λŠ” 배움 μœ„μ— κΌ­ λ‚˜λ§Œμ˜ ν”„λ‘œμ νŠΈλ₯Ό κΈ°νšν•˜λŠ” μ‹œκ°„μ„ 얹도둝 ν•œλ‹€.
ν‹ˆν‹ˆνžˆ κ³΅λΆ€ν•˜λŠ” λ°©ν–₯에 λŒ€ν•΄μ„œ μ κ²€ν•˜κ³  λ©˜ν†  역할을 해쀄 λΆ„μ—κ²Œ 여쭀보도둝 ν•˜μž. λ¨Όμ € μ•žμ„œλ‚˜κ°„ λˆ„κ΅°κ°€κ°€ λ§Œλ“€μ–΄λ‘” 계단을 잘 밟고 λ‚˜μ•„κ°€μž.
κ·ΈλŸ¬λ©΄μ„œλ„ λ‚˜λ§Œμ˜ 무언가λ₯Ό 잘 λ§Œλ“€μ–΄ λ‚˜μ•„κ°€λ©΄ λœλ‹€. ν™”μ΄νŒ…ν•˜μž!