개발/β›΅ ν•­ν•΄99

πŸ‘©πŸ»‍πŸ’» Weekly I Learned πŸ“š ✨ 이번 μ£Ό λ§ˆλ¬΄λ¦¬ν•˜λ©° λ°±μ—”λ“œκ°œλ°œμž λΆ„λ“€κ³Ό ν•¨κ»˜ν•˜λŠ” 클둠 μ½”λ”© ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν•˜λ©΄μ„œ github을 많이 ν™œμš©ν•΄λ³Έλ‹€λ˜κ°€ ν•˜λŠ” λͺ©ν‘œλ“€μ΄ μžˆμ—ˆλ‹€. 쒋은 νŒ€μ›λΆ„λ“€μ„ λ§Œλ‚˜μ„œ λ‹€μ–‘ν•œ 것듀도 μ‚¬μš©ν•΄λ³΄κ³  곡뢀할 수 μžˆλŠ” μ£Όκ°„μ΄μ˜€λ˜ 것 κ°™λ‹€. λ‹€λ§Œ, ν”„λ‘œμ νŠΈμ˜ 막바지 λ•Œ μ‘°λΆ€μƒμœΌλ‘œ 2일 정도λ₯Ό λΉ μ‘Œμ–΄μ•Ό ν–ˆμ—ˆκΈ°μ— μž‘μ€ λ””ν…ŒμΌμ„ μž‘λŠ” μž‘μ—…λ“€μ— 많이 μ°Έμ—¬λ₯Ό λͺ» ν–ˆλ˜ 점이 많이 아쉬웠닀. λ‚˜μ˜ λΆ€μž¬λ₯Ό μ±„μ›Œμ€€ ν”„λ‘ νŠΈνŒ€μ›λ“€μ—κ²Œ λ„ˆλ¬΄ κ°μ‚¬ν–ˆλ‹€. 😊 μ§€λ‚œμ£Ό λ―Έλ‹ˆ ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•˜λ©΄μ„œ λ°°μ› λ˜ λ‚΄μš©μ„ 50% μ΄ν•΄ν–ˆμ—ˆλ‹€κ³  μ μ—ˆμ—ˆλŠ”λ°, 이번 ν”„λ‘œμ νŠΈλ₯Ό ν†΅ν•΄μ„œ 80% μ΄ν•΄ν•˜κ²Œ 된 것 κ°™λ‹€. 아직도 100%κ°€ μ•„λ‹Œκ±°λ‹ˆ?! λΌλŠ” 생각에 μ‘°κΈ‰ν•œ 마음이 μžˆμ§€λ§Œ μƒκ²¨λ‚˜λŠ” 였λ₯˜λ₯Ό λ§ˆμ£Όν•˜λ©΄μ„œ ν’€μ–΄λ‚˜κ°€λŠ” 것듀에 μ‘°..
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š ✨ ν˜‘μ—… ν˜‘μ—…! ν˜‘μ—…! μ§€λ‚œ μ£Ό 깃헙을 μ‚¬μš©ν•œ ν”„λ‘ νŠΈλ“€λΌλ¦¬μ˜ ν˜‘μ—…μ„ μ œλŒ€λ‘œ ν•˜μ§€ λͺ» ν–ˆκΈ° λ•Œλ¬Έμ— 이번 주에 ν•˜λŠ” 클둠 μ½”λ”©μ—μ„œλŠ” ν”„λ‘ νŠΈλ“€λΌλ¦¬μ˜ ν˜‘μ—…μ— λŒ€ν•œ 뢀뢄을 잘 해보고 μ‹Άλ‹€λΌλŠ” 생각을 κ°€μ§€κ³  ν”„λ‘œμ νŠΈμ— μž„ν–ˆλ‹€. λ°±μ—”λ“œλΆ„λ“€μ€ μ§€λ‚œ 주와 달리 μŠ€ν”„λ§μ„ ν•˜μ‹œλŠ” 뢄듀을 λ§Œλ‚¬κ³ , μš°λ¦¬κ°€ ν΄λ‘ ν•˜κΈ°λ‘œ ν•œ μ„œλΉ„μŠ€λŠ” “λ‹Ήκ·Όλ§ˆμΌ“”. μ›Ή λ²„μ Όλ³΄λ‹€λŠ” μ•± 버젼을 μ›ΉμœΌλ‘œ κ°€μ Έμ˜€λŠ” μ‹μ˜ 방식을 νƒν–ˆλ‹€. ✨ ꡬ쑰와 데이터 흐름 κ΅¬ν˜„ κ³„νšμ„ 따라 κ°€λŠλΌ μ •μ‹ μ—†μ—ˆλ˜ μ§€λ‚œ 주와 달리 이번 μ£ΌλŠ” 훨씬 더 νƒ„νƒ„ν•˜κ²Œ 체계적인 νλ¦„μœΌλ‘œ ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν•  수 μžˆμ—ˆλ‹€. github에 λ‹€μ–‘ν•œ 메뉴듀을 적극 ν™œμš©ν•˜κΈ°λ‘œ ν•˜κ³  κ΅¬ν˜„ κ³„νšμ„ 초기 단계뢀터 νƒ„νƒ„ν•˜κ²Œ μž‘μ•„μ„œ github mergeμ‹œ ν˜Όλž€μŠ€λŸ¬μ›€μ„ 졜..
πŸ‘©πŸ»‍πŸ’» Weekly I Learned πŸ“š 주특기 3μ£Όμ°¨λ₯Ό λ‹€ 마무리 μ§“κ³  λ‚˜μ„œ 처음으둜 λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€κ³Ό ν•¨κ»˜ μ§„ν–‰ν–ˆλ˜ ν˜‘μ—…! 이전에 μ—¬λŸ¬ λͺ…κ³Ό ν˜‘μ—…ν•΄μ„œ μ§„ν–‰ν–ˆλ˜ 적이 μžˆμ—ˆκΈ° λ•Œλ¬Έμ— μ΄λ²ˆμ—λŠ” κΉƒν—ˆλΈŒ μ‚¬μš©μ„ 잘 ν•˜λ¦¬!! 라고 λ‹€μ§ν•˜λ©° μ§„ν–‰ν–ˆλ‹€. 이번 ν˜‘μ—…μ„ ν†΅ν•΄μ„œ 작고 κ°€μ•Όν•  게 μžˆλ‹€λ©΄ κΉƒν—™ μ‚¬μš©λ²•κ³Ό μ§€λ‚œ μ£Ό κ³Όμ œμ—μ„œ μ œλŒ€λ‘œ μ΄ν•΄ν•˜μ§€ λͺ»ν•œ 뢀뢄듀이라고 μƒκ°ν–ˆλ‹€. 그리고 λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€κ³Ό 처음 ν•΄λ³΄λŠ” ν˜‘μ—…μ΄μ˜€κΈ°μ—, μ„œλ‘œμ— λŒ€ν•œ λ°°λ € + 이해가 제일 μ€‘μš”ν•˜λ‹€κ³  μƒκ°ν•˜λ©° μ§„ν–‰ν–ˆλ‹€. 닀행이도 ν•¨κ»˜ ν–ˆλ˜ λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€μ€ λ„ˆλ¬΄ μ°©ν•˜μ…¨κ³  λ§Žμ€ λ°°λ €λ₯Ό ν•΄μ£Όμ…¨λ‹€ πŸ‘πŸ» ✨ ν”„λ‘œμ νŠΈ μ†Œκ°œ ν”„λ‘œμ νŠΈ : Together μ§€λ‚œ μ£Ό 과제λ₯Ό 베이슀둜 ν•˜λŠ” ν”„λ‘œμ νŠΈλŠ” μ§„ν–‰ν–ˆμ—ˆλ‹€. “νˆ¬κ²Œλ”” λΌλŠ” μ΄λ¦„μ˜ 개발 μŠ€ν„°λ”” λͺ¨μž„을 λ§Œλ“œ..
πŸ’œ λ°±μ—”λ“œκ°œλ°œμžλΆ„λ“€κ³Ό 첫 ν˜‘μ—…! 이번주 ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘μœΌλ‘œ 이제 λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€κ³Όμ˜ ν˜‘μ—…μ΄ μ‹œμž‘λ˜μ—ˆλ‹€! 처음 ν•΄λ³΄λŠ” ν˜‘μ—…μ΄λΌμ„œ κΈ΄μž₯λ„λ˜κ³  μ„œλ‘œμ˜ 언어와 ν”„λ‘œμ„ΈμŠ€λ₯Ό μ΄ν•΄ν•˜μ§€ λͺ» ν• κΉŒ 걱정을 λ§Žμ΄ν–ˆμ§€λ§Œ 4일이 μ§€λ‚œ μ§€κΈˆκΉŒμ§€ 무리없이 잘 μ§„ν–‰λ˜μ–΄κ°€λŠ” 것 κ°™λ‹€! ν•¨κ»˜ ν•˜λŠ” λ…Έλ“œκ°œλ°œμžλΆ„λ“€λ„ ν”„λ‘ νŠΈκ°€ 일이 λ§Žλ‹€κ³  μ—„μ²­ λ°°λ €ν•΄μ£Όμ‹œκ³  도와주셨닀! API λͺ…μ„Έλ₯Ό μ μ–΄λ‚΄λ €κ°€λ©΄μ„œ λ™μ‹œμ— μ™€μ΄μ–΄ν”„λ ˆμž„ μž‘μ—…λ„ ν•΄μ„œ ν”„λ‘œμ νŠΈμ— μ‚¬μš©λ˜μ–΄μ•Ό ν•  뢀뢄듀은 꼼꼼히 μ±™κΈ°κ³  ν˜‘μ˜ν•΄μ•Όν•˜λŠ” 뢀뢄을 잘 μ±™κ²Όλ˜κ²ƒ κ°™λ‹€. ν˜„μž¬λŠ” μ„œλ²„κ°œλ°œμ€ λλ‚˜μ„œ ν”„λ‘ νŠΈ νŒŒνŠΈκ°€ μ€€λΉ„κ°€ 되면 axios λ₯Ό μ΄μš©ν•΄μ„œ μ—°κ²°ν•˜λ©΄ λœλ‹€! 아직 ν”„λ‘ νŠΈνŒŒνŠΈκ°€ λ‹€ μ€€λΉ„κ°€ λ˜μ§€μ•Šμ•˜λ‹€. λ‚΄κ°€ 맑은 뢀뢄은 μ–ΌμΆ” λ¦¬λ•μŠ€κΉŒμ§€ μ§„ν–‰λ˜μ—ˆλŠ”λ°, 둜그인, νšŒμ›κ°€μž… νŒŒνŠΈκ°€ 정말 μƒμ†Œν•΄μ„œ μ–΄λ ΅λ‹€λŠ”..
πŸ‘©πŸ»‍πŸ’» Weekly I Learned πŸ“š ⭐ React μ „μ—­μƒνƒœκ΄€λ¦¬ μ „μ—­ μƒνƒœ κ΄€λ¦¬λž€, 말 κ·ΈλŒ€λ‘œ μ „μ—­μ—μ„œ μƒνƒœλ₯Ό κ΄€λ¦¬ν•œλ‹€λŠ” λ§μž…λ‹ˆλ‹€. λ¦¬μ•‘νŠΈμ—μ„œλŠ” μƒμœ„μ—μ„œ ν•˜μœ„λ‘œ μƒνƒœ 값을 μ „λ‹¬ν•˜λ©° 관리λ₯Ό ν•˜κ²Œ λ˜λŠ” μ‹œμŠ€ν…œμž…λ‹ˆλ‹€. μ•„λž˜μ˜ μ‚¬μ§„μ²˜λŸΌ λ¦¬μ•‘νŠΈ ν”„λ‘œμ νŠΈλ₯Ό λ§Œλ“€λ‹€λ³΄λ©΄ μˆ˜λ§Žμ€ μ»΄ν¬λ„ŒνŠΈλ“€μ΄ λ°œμƒν•©λ‹ˆλ‹€. 이 λ•Œ μƒνƒœκ°’μ„ 전달 μ „λ‹¬ν•˜κ²Œ 되면 λ‹Ήμ—°νžˆ ν—·κ°ˆλ¦¬κ³ , ν•„μš”μ—†λŠ” 값도 μ „λ‹¬ν•˜κ²Œ λ˜λŠ” 상황이 λ°œμƒν•˜κ²Œ λ©λ‹ˆλ‹€. 이 λ•Œ λΆˆν•„μš”ν•œ propsλ₯Ό μ „λ‹¬λ°›μ•„μ•Όν•˜λŠ” μƒν™©μ—μ„œ props drilling μ΄λΌλŠ” λ¬Έμ œκ°€ λ°œμƒν•˜κΈ°λ„ ν•©λ‹ˆλ‹€. props drilling λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈμ—μ„œ λ‹€λ₯Έ λΆ€λΆ„μœΌλ‘œ 데이터(props)λ₯Ό μ „λ‹¬ν•˜λŠ” κ³Όμ •μ—μ„œ μ˜€λ‘œμ§€ μ „λ‹¬λ§Œμ„ μœ„ν•΄μ„œ μ—¬λŸ¬ μ»΄ν¬λ„ŒνŠΈλ₯Ό κ±°μΉ˜λŠ” 상황을 λ§ν•©λ‹ˆλ‹€. 이런 λΆˆν•„μš”ν•œ props dril..
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š 이번 μ£Ό 개인 κ³Όμ œμ˜€λ˜ λ§€κ±°μ§„ μ‚¬μ΄νŠΈ λ§Œλ“€κΈ° – μΈμŠ€νƒ€κ·Έλž¨κ°™μ€ λŠλ‚Œμ˜ μ‚¬μ΄νŠΈμ˜€λ‹€. λ‹€μ–‘ν•œ μš”κ΅¬μ‚¬ν•­λ“€μ΄ μžˆλŠ” κ³Όμ œμ˜€λŠ”λ° 사싀 μ œλŒ€λ‘œ 잘 κ΅¬ν˜„ν–ˆλ‹€κ³  100%둜 μž₯담은 ν•  μˆ˜κ°€ μ—†λ‹€. μ•„μ‰½κ²Œλ„ 말이닀. 이번 μ£Ό κ³Όμ œλŠ” μˆ˜μš”μΌμ΄λ©΄ λ‹€ μ™„μ„±ν•˜κ² μ§€? 라고 μƒκ°ν–ˆμ—ˆλŠ”λ°, λ§ˆμ§€λ§‰ λ§ˆκ°κΉŒμ§€λ„ μ’‹μ•„μš” λ²„νŠΌ κΈ°λŠ₯ 버그λ₯Ό μž‘μ•„λ‚΄μ§€ λͺ»ν•΄μ„œ λ°λ“œλΌμΈμ§μ „κΉŒμ§€λ„ μ½”λ“œλ₯΄λ₯΄ λ§Œμ§€κ³  μžˆμ—ˆλ‹€. mitter 라고 이름을 μ§€μ–΄ μ€€ 이번 λ‚˜μ˜ ν”„λ‘œμ νŠΈ! μΈμŠ€νƒ€κ·Έλž¨κ°™μ€ 이미지 곡유 기반 sns μŠ€νƒ€μΌμΈλ° 이름은 νŠΈμœ„ν„°μ—μ„œ κ°€μ Έμ™”λ‹€ γ…Ž ν•œ μ£Ό λ™μ•ˆ κ΅¬ν˜„ ν•΄λ‚Έ κΈ°λŠ₯듀을 λ‚˜μ—΄ν•΄λ³΄μžλ©΄ 둜그인 νšŒμ›κ°€μž… κ²Œμ‹œλ¬Ό μΆ”κ°€ κ²Œμ‹œλ¬Ό 쑰회 κ²Œμ‹œλ¬Ό μˆ˜μ • (+μž¬μ—…λ‘œλ“œ / λ ˆμ΄μ•„μ›ƒ λ³€κ²½) κ²Œμ‹œλ¬Ό μ‚­μ œ λ¬΄ν•œ 슀크둀 λŒ“κΈ€ μ“°κΈ° μ’‹μ•„μš” ..
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š πŸ’œ TODAY λ¬΄ν•œ 슀크둀 κ΅¬ν˜„ν•˜λ©΄μ„œ 였λ₯˜λ₯Ό λ§Œλ‚¬λ‹€. λ‚˜μ€‘μ—” λ©˜ν† λ‹˜μ„ λΆ™μž‘κ³  40λΆ„κ°€λŸ‰μžˆμ—ˆλŠ”λ° κ²°κ³ΌλŠ” μ˜€νƒ€λ‘œ μΈν•œ 였λ₯˜μ˜€λ‹€ 😐 λ¬΄ν•œ 슀크둀인데, μŠ€ν¬λ‘€μ„ ν•˜λ©΄ μ΄ˆλ°˜μ— λΆˆλŸ¬μ§€λŠ” κ°’μ˜ 길이만큼 λ˜‘κ°™μ€κ²Œ 반볡적으둜 λ‘œλ”©μ΄ λ˜μ—ˆλ‹€. λ¬΄ν•œ λ Œλ”λ§μ΄ λ˜λŠ” 쀄 μ•Œκ³  λ°μ΄ν„°λ² μ΄μŠ€ μ–΄μ©”? μ΄λž¬λŠ”λ° 그건 μ•„λ‹ˆμ˜€λ‹€. λ¬΄ν•œ 슀크둀 μ»΄ν¬λ„ŒνŠΈμ— λ„£κ²¨μ£ΌλŠ” propsκ°’ 쀑에 λ¦¬λ“€μ„œ ν•¨μˆ˜μ—μ„œ λ„˜μ–΄μ˜€λŠ” κ°’ 쀑에 μ˜€νƒ€κ°€ μžˆμ–΄μ„œ λ‘œλ”©μ΄ μ œλŒ€λ‘œ 이루어지지 μ•Šμ•˜λ˜ 것이닀. 였늘 μ•Œκ²Œ 된 console.log()의 힘. λ©˜ν† λ‹˜κ³Ό ν•˜λ‚˜ ν•˜λ‚˜μ”© λ‹€ 찍어보고 값이 μ œλŒ€λ‘œ μ•ˆ λ“€μ–΄μ˜¨κ²Œ μžˆμ–΄μ„œ κ·Έκ±°λΆ€ν„° 고쳐보자 μ‹Άμ–΄μ„œ 고치러 κ°”λ‹€κ°€ λ°œκ²¬ν•œ μ˜€νƒ€. 그리고 ν•΄κ²°λœ 였λ₯˜. …그리고 λ°€λ €μ˜€λŠ” 민망함. μ € 였λ₯˜ λ•Œλ¬Έμ— 2..
πŸ’œ TODAY 였늘 ν•˜λ£¨ λ™μ•ˆ firebaseλ₯Ό μ΄μš©ν•΄μ„œ κ²Œμ‹œλ¬Όμ„ μ˜¬λ¦¬λŠ” κ±Έ λ‹€ ν•  수 μžˆμ„ 거라고 μƒκ°ν–ˆλŠ”λ°, νŒŒμ΄μ–΄λ² μ΄μŠ€μ™€ μ—°λ™ν•΄μ„œ 둜그인/νšŒμ›κ°€μž… κΈ°λŠ₯ κ΅¬ν˜„μ΄ μ–΄λ €μ› λ‹€. λ°μ΄ν„°λ² μ΄μŠ€μ— 글을 올리고 μ•„λ―Έμ§€κΉŒμ§€ μ˜¬λ¦¬λŠ”λ° 점점 흐린 눈이 λ˜μ–΄μ„œ κ°•μ˜λ₯Ό 보게 λ˜λŠ” 것 κ°™μ•˜λ‹€. μ΄λ ‡κ²Œ κ°•μ˜λ₯Ό λ³΄λ©΄μ„œ ν”„λ‘œμ νŠΈλ₯Ό ν•΄λ‚˜κ°€λ©΄ λ˜λŠ”κ±΄κ°€ 이게 머리에 λ‚¨λ‚˜? 이런 μ˜μ‹¬μ΄ 또 λ“€κΈ° μ‹œμž‘ν–ˆλ‹€. 그런데 ν™•μ‹€νžˆ μ½”λ“œλ₯Ό 적어두고 κ΅¬ν˜„μ‹œμΌœλ³΄κ³  λ‹€μ‹œ κ·Έ μ½”λ“œλ₯Ό ν•œλ²ˆ 더 보면 ν™•μ‹€νžˆ κΈ°λŠ₯ κ΅¬ν˜„μ˜ 흐름을 잘 λ³Ό 수 μžˆλŠ” 것 같기도 ν•˜λ‹€. 이제 μ•Œ 것 κ°™μœΌλ©΄μ„œλ„ 점점 미ꢁ μ†μœΌλ‘œ λΉ μ§€λŠ” λŠλ‚Œ. 그와 λ™μ‹œμ— μž‘μ€ κΈ°λŠ₯듀이 ν•˜λ‚˜,λ‘˜ κ΅¬ν˜„λ˜λŠ”κ²Œ λˆˆμ— λ³΄μ΄λ‹ˆ λΏŒλ“―ν•¨κ³Ό λ™μ‹œμ— μž¬λ―ΈκΉŒμ§€ μžˆμœΌλ‹ˆ λ©ˆμΆ”μ§€ λͺ»ν•˜κ³  κ³„μ†ν•˜λŠ” 것 κ°™λ‹€. 였늘 ꡉμž₯히 μ‹œκ°„μ„ ..
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š πŸ’œ TODAY λ¦¬μ•‘νŠΈ μž…λ¬Έμ£Όκ°€ λͺ¨λ‘ λλ‚˜κ³  심화주차가 μ‹œμž‘λ˜μ—ˆλ‹€. 개인 과제둜 λΆ€μ—¬λ°›μ€κ²Œ μˆœν•œλ§›, λ§€μš΄λ§›μ΄ μžˆλŠ”λ° μˆœν•œλ§›λ„ μˆœν•œλ§›μ΄ μ•„λ‹ˆμ˜€λ‹€. γ…Ž μˆœν•œλ§›μœΌλ‘œ 뢀여받은 κ³Όμ œλŠ” μ•½κ°„, μ±„νŒ… κΈ°λŠ₯이 λΉ μ§„ νŠΈμœ„ν„°κ°™μ€ λŠλ‚Œ 😡 도전정신이 ν™•! μΌμ–΄λ‚˜λ©΄μ„œλˆˆμ΄ ν•‘κΈ€ν•‘κΈ€ λ„λŠ” λŠλ‚Œμ„ λ°›μ•˜λ‹€. 둜그인 νŽ˜μ΄μ§€ νšŒμ›κ°€μž… νŽ˜μ΄μ§€ 메인 νŽ˜μ΄μ§€ 둜그인 κΈ°λŠ₯ κ΅¬ν˜„ νŒŒμ΄μ–΄λ² μ΄μŠ€ νšŒμ›κ°€μž… μ—°κ²° λ₯Ό 끝낸 상황인데, 사싀 μ»΄νΌλ„ŒνŠΈλ₯Ό μͺΌκ°œμ„œ κ΅¬ν˜„ν•˜λŠ” κ²ƒλ§Œ ν•΄λ΄€μ§€ elementκΉŒμ§€ μͺΌκ°œμ„œ κ΅¬ν˜„ν•΄λ³΄λŠ” 건 μ²˜μŒμ΄λΌμ„œ 정말 μ‹ μ„Έκ³„μ΄λ©΄μ„œλ„ λͺ¨λ°”일, νƒœλΈ”λ¦Ώκ°™μ€κ±΄ μ‚¬μ΄μ¦ˆλ₯Ό μ–΄λ–»κ²Œ μ‘°μ ˆν•˜μ§€? λΌλŠ” 생각이 λ“€μ—ˆλ‹€. μ’€ 더 κΈ°λŠ₯ κ΅¬ν˜„μ΄ μ΄λ£¨μ–΄μ§€λ§Œ λ””ν…ŒμΌν•˜κ²Œ viewλ₯Ό 닀듬을 κ³„νšμ΄λ‹€. πŸ’œ TOMORROW 둜그인 μœ μ§€..
πŸ‘©πŸ»‍πŸ’» Weekly I Learned πŸ“š 이전에 λ¦¬μ•‘νŠΈμ˜ 라이프 사이클에 λŒ€ν•΄μ„œ ν¬μŠ€νŒ…μ„ ν•œ 적이 μžˆλŠ”λ°, μ΄λ²ˆμ—λŠ” λ¦¬μ•‘νŠΈμ˜ ν΄λž˜μŠ€ν˜• , ν•¨μˆ˜ν˜•μ— λ”°λ₯Έ μ‚¬μ΄ν΄μ˜ λ©”μ†Œλ“œμ— λŒ€ν•œ μžμ„Έν•œ 이야기λ₯Ό 해보렀고 ν•œλ‹€. ⭐ 라이프 사이클 (ν΄λž˜μŠ€ν˜•) ν΄λž˜μŠ€ν˜•μ—μ„œ 라이프 사이클은 μ„Έμ„Έν•˜κ²Œ λ‚˜λˆ„λ©΄ 총 9κ°œκ°€ μ‘΄μž¬ν•œλ‹€. 이 μ€‘μ—μ„œ μΉ΄ν…Œκ³ λ¦¬λ₯Ό λ‚˜λˆ λ³΄μžλ©΄ ν¬κ²ŒλŠ” 3κ°€μ§€λ‘œ λ‚˜λ‰˜λŠ”λ°, 생성이 될 λ•Œ(Mount), μ—…λ°μ΄νŠΈ 될 λ•Œ(Update), μ‚¬λΌμ§ˆ λ•Œ(Unmount) 이닀. 이해λ₯Ό 돋기 μœ„ν•΄μ„œ μ˜ˆμ „μ— μ²¨λΆ€ν–ˆλ˜ μ‚¬μ§„μ΄μ§€λ§Œ ν•œλ²ˆ 더 첨뢀해본닀. ⭐ 라이프 사이클 λ©”μ†Œλ“œ 1️⃣ constructor ν΄λž˜μŠ€ν˜• μƒμ„±μžλΌλŠ” 말이닀. ν΄λž˜μŠ€ν˜• μ»΄ν¬λ„ŒνŠΈλ₯Ό λ§Œλ“€ λ•Œ 처음으둜 μ‹€ν–‰λœλ‹€. 이 λ©”μ„œλ“œμ— 초기 stateλ₯Ό 넣을 수 μžˆλ‹€. ν•¨μˆ˜ν˜• ..
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š ⭐ TDZ? TDZ(Temporal Dead Zone) λž€, ν•œκΈ€λ‘œ μ§μ—­ν•˜μžλ©΄ μΌμ‹œμ μΈ μ‚¬κ°μ§€λŒ€λž€ 뜻. →μŠ€μ½”ν”„μ˜ μ‹œμž‘ 지점뢀터 μ΄ˆκΈ°ν™” μ‹œμž‘ μ§€μ κΉŒμ§€μ˜ ꡬ간을 TDZ(Temporal Dead Zone) λΌκ³ ν•©λ‹ˆλ‹€. ⭐ λ³€μˆ˜ 생성 κ³Όμ • μ„ μ–Έ 단계(Declaration phase) : λ³€μˆ˜λ₯Ό μ‹€ν–‰ μ»¨ν…μŠ€νŠΈμ˜ λ³€μˆ˜ 객체에 λ“±λ‘ν•˜λŠ” 단계λ₯Ό μ˜λ―Έν•©λ‹ˆλ‹€. 이 λ³€μˆ˜ κ°μ²΄λŠ” μŠ€μ½”ν”„κ°€ μ°Έμ‘°ν•˜λŠ” λŒ€μƒμ΄ λ©λ‹ˆλ‹€. μ΄ˆκΈ°ν™” 단계(Initialization phase) : μ‹€ν–‰ μ»¨ν…μŠ€νŠΈμ— 쑴재 ν•˜λŠ” λ³€μˆ˜ 객체에 μ„ μ–Έ λ‹¨κ³„μ˜ λ³€μˆ˜λ₯Ό μœ„ν•œ λ©”λͺ¨λ¦¬λ₯Ό λ§Œλ“œλŠ” 단계 μž…λ‹ˆλ‹€. 이 λ‹¨κ³„μ—μ„œ ν• λ‹Ήλœ λ©”λͺ¨λ¦¬μ—λŠ” undefined둜 μ΄ˆκΈ°ν™” λ©λ‹ˆλ‹€. ν• λ‹Ή 단계(Assignment phase) : μ‚¬μš©μžκ°€ u..
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š ✨ μ˜΅μ…”λ„ μ²΄μ΄λ‹μ΄λž€? κ·Έλƒ₯ 슀윽- 보고 μ§€λ‚˜κ°ˆ λ•ŒλŠ” μ‚Όν•­μ—°μ‚°μžμ— μ“΄λŠκ±°λ₯Ό λ‹€λ₯΄κ²Œ λ§ν•˜λŠ”κ±΄κ°€? 라며 κ°€λ³κ²Œ μƒκ°ν•˜κ³  μ°Ύμ•„λ΄€λŠ”λ° 그런게 μ•„λ‹ˆμ˜€λ‹€. ……… Optional Chaining은 ES2020μ—μ„œ λ“±μž₯ν•œ μƒˆλ‘œμš΄ μ—°μ‚°μžλ‘œμ„œ ‘?.’ 의 ν˜•νƒœλ‘œ μ‚¬μš©ν•˜λ©° 체인으둜 이루어진 각 μ°Έμ‘°κ°€ μœ νš¨ν•œμ§€ λͺ…μ‹œμ μœΌλ‘œ κ²€μ¦ν•˜μ§€ μ•Šκ³  μ—°κ²°λœ 객체 체인 내에 κΉŠμˆ™νžˆ μœ„μΉ˜ν•œ 속성 값을 읽을 수 μžˆλŠ” μ—°μ‚°μžμ΄λ‹€. 체이닝 μ—°μ‚°μž(.)와 λΉ„μŠ·ν•˜κ²Œ λ™μž‘ν•˜μ§€λ§Œ μ°Έμ‘°κ°€ null ν˜Ήμ€ undefined여도 μ—λŸ¬μ‹μ„ λ¦¬ν„΄ν•˜μ§€ μ•Šκ³  undefined 값을 λ¦¬ν„΄ν•œλ‹€. ν•¨μˆ˜λ„ λ§ˆμ°¬κ°€μ§€λ‹€. μ€‘μ²©λœ 였브젝트 ν”„λ‘œνΌν‹°μ— μ ‘κ·Όν•˜λŠ” 데에 κ°€μž₯ μ•ˆμ „ν•œ λ°©λ²•μœΌλ‘œ, 쀑간 ν”„λ‘œνΌν‹°κ°€ μ‘΄μž¬ν•˜μ§€ μ•Šμ€ κ²½μš°μ—λ„ μ•ˆμ „ν•˜κ²Œ μ ‘κ·Ό..
밍(Ming) 🐈‍⬛
'개발/β›΅ ν•­ν•΄99' μΉ΄ν…Œκ³ λ¦¬μ˜ κΈ€ λͺ©λ‘ (3 Page)