전체 κΈ€

πŸ‘©πŸ»‍πŸ’» Frontend Developer
[ν•­ν•΄99] Day54. TIL – 핑퐁 ν”„λ‘œμ νŠΈ 기획 – 첫 λ©˜ν† λ§
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š ⭐ 핑퐁! λ¬Όλ¬Όκ΅ν™˜ μ„œλΉ„μŠ€λ₯Ό κΈ°νšν•˜κ³  μ„œλΉ„μŠ€λ₯Ό μ΄μš©ν•  타켓측을 μ •ν•˜κ³  그듀이 μ–΄λ–€ 물건듀을 κ±°λž˜ν•  것인가? μ–΄λ–»κ²Œ μœ μ €λ“€μ„ λͺ¨μ§‘ν•  것인가? ν•˜λŠ” λ§ˆμΌ€νŒ…μ μΈ 뢀뢄도 μƒκ°ν•΄λ³΄λ©΄μ„œ κΈ°νšμ„ μž‘μ•„κ°”μ—ˆλ‹€. 첫 기획회의 ν›„ ν•­ν•΄λŒ€ν‘œλ‹˜κ³Όμ˜ κ·Έλ£Ήλ©˜ν† λ§μ—μ„œ 특이점이 μ—†λ‹€λΌλŠ” 평을 λ°›μ•„ λ“€κ³ λ‚˜μ„œλŠ” νŠΉμ΄ν•œ 무언가, 우리만의 무언가가 더 ν•„μš”ν•˜λ‹€λŠ” 생각을 ν•˜λ©΄μ„œ μ‘°κΈˆμ”© κ΅¬ν˜„ν•΄λ‚˜κ°”μ—ˆλ‹€. ⭐ 첫 λ©˜ν† λ§ μ‹œκ°„ μ›”μš”μΌλΆ€ν„° ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν–ˆκ³ , 아직 ꡬ체적인 λ””μžμΈμ΄ λ‹€ λ‚˜μ˜€μ§€λŠ” μ•Šμ•˜μ§€λ§Œ 와이어 ν”„λ ˆμž„μ„ 기반으둜 ν•΄μ„œ ν”„λ‘ νŠΈλŠ” λ·°λ₯Ό 반 이상 κ΅¬ν˜„ν•œ μ‹œμ μ—μ„œ λ©˜ν† λ§ μ‹œκ°„μ„ κ°€μ‘Œλ‹€. κΈ°νšμ μΈλΆ€λΆ„μ— λŒ€ν•΄μ„œλŠ” 크게 언급이 μ—†μ—ˆμ§€λ§Œ κΈ°λŠ₯ μŠ€νƒλΆ€λΆ„μ—μ„œλŠ” 뢀쑱이 μ—†λŠ” 것 κ°™λ‹€λŠ” ν”Όλ“œλ°±μ„ λ°›μ•˜κ³ , 단지 ν˜‘μ—… ..
[ν•­ν•΄99] Day52. TIL – React Modal 을 써보자!
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š ⭐ Reactμ—μ„œ λͺ¨λ‹¬μ°½ λ§Œλ“€κΈ° μ§€λ‚œ 주에 λͺ¨λ‹¬μ°½μ„ λ§Œλ“€μ–΄μ•Όν•  λ•Œ λ”°λ‘œ React-Modal 라이브러리λ₯Ό 쓰지 μ•Šμ•˜λŠ”λ°, μ΄λ²ˆμ— 또 λͺ¨λ‹¬μ°½μ„ λ§Œλ“€μ–΄μ•Όν•΄μ„œ μƒˆλ‘œμš΄ 것을 μ¨λ³΄μžλŠ” λ§ˆμŒμ— 써봀닀. 생각보닀 κ°„λ‹¨ν•΄μ„œ λ„ˆλ¬΄ μ’‹μ•˜λ˜ react-modal ⭐ React-Modal μ•„μ£Ό 효율적인 λ¦¬μ•‘νŠΈ 라이브러리 쀑 ν•˜λ‚˜μΈ λͺ¨λ‹¬. μ‚¬μš©ν•˜λ €λ©΄ μš°μ„  μ„€μΉ˜λΆ€ν„° ν•΄μ•Όν•œλ‹€. react-modal(κ³΅μ‹λ¬Έμ„œ) npm install react-modal or yarn add react-modal ⭐ λͺ¨λ‹¬ μ»΄ν¬λ„ŒνŠΈ λ§Œλ“€κΈ° modal창을 본격적으둜 λ§Œλ“€κΈ° 전에 index.js νŒŒμΌμ—μ„œ λ¦¬μ•‘νŠΈ λͺ¨λ‹¬μ„ import ν•΄μ€˜μ•Όν•©λ‹ˆλ‹€. λͺ¨λ‹¬μ΄ μ—΄λ €μžˆμ„ λ•Œ 화면을 보고 μžˆμ„ μœ μ €κ°€ λͺ¨λ‹¬μ°½μ΄ μ•„λ‹Œ λ‹€λ₯Έ μ»΄ν¬λ„Œ..
[ν•­ν•΄99] Day50. TIL – FINAL PROJECT μ‹œμž‘
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š ✨ μ‹€μ „ ν”„λ‘œμ νŠΈ μ‹œμž‘ λ“œλ””μ–΄ ν•­ν•΄99 μ—¬μ •μ˜ λ°˜μ„ μ§€λ‚˜ μ‹€μ „ ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν–ˆλ‹€. 믿기지 μ•ŠλŠ”λ‹€. 벌써 μ‹€μ „ ν”„λ‘œμ νŠΈλΌλ‹ˆ… κ°€μŠ΄μ΄ λ‘κ·Όλ‘κ·Όν•œλ‹€. μ‹€μ œλ‘œ μ„œλΉ„μŠ€λ₯Ό λ§Œλ“€μ–΄μ„œ μœ μ €λ“€μ˜ ν”Όλ“œλ°±κΉŒμ§€ λ°›λŠ” ν”„λ‘œμ νŠΈμ£Όκ°„! 아직도 많이 λΆ€μ‘±ν•œ 것 같은데 μƒˆλ‘œμš΄ 것듀을 κ΅¬ν˜„ν•˜κΈ° μœ„ν•΄μ„œ 곡뢀도 ν•΄μ•Όν•˜κ³  νŒ€μ›λ“€κ³Ό 무언가λ₯Ό ν•¨κ»˜ λ§Œλ“€μ–΄κ°ˆ 생각에 즐겁닀! ✨ μ•„μ΄ν…œ μ„ μ • ν”„λ‘œμ νŠΈλ₯Ό ꡬ상할 λ•Œ μœ μ €λ“€μ΄ μ‚¬μš©ν–ˆμ„ λ•Œ λ§Žμ€ 이득을 μ±™κΈΈ 수 μžˆλŠ” κ±°μ˜€μœΌλ©΄ μ’‹κ² λ‹€λΌλŠ” 생각을 ν–ˆμ—ˆλ‹€. μ‹œκΈ°μ— λ§žμΆ°μ„œ λ°”μ΄λŸ΄ν•˜κΈ° 쒋은 이슈인 λŒ€μ„ μ΄λΌλ˜κ°€ μ˜¬λ¦Όν”½μ΄λΌλŠ” μ•„μ΄ν…œμœΌλ‘œ ν”„λ‘œμ νŠΈλ₯Ό μ •ν•˜κΈ°μ—λŠ” μ•„μ‰½λ‹€λΌλŠ” 생각이 많이 λ“€μ—ˆμ—ˆλ‹€. μ‹€μƒν™œμ—μ„œ λˆ„κ΅°κ°€κ°€ μ“Έ 수 μžˆλŠ” μœ μš©ν•œ μ„œλΉ„μŠ€! 그런 생각을 ν•˜λ©΄μ„œ 주제λ₯Ό μ •ν–ˆλ‹€. ..
[ν•­ν•΄99] Week07. WIL – 클둠 ν”„λ‘œμ νŠΈλ₯Ό λ§ˆλ¬΄λ¦¬ν•˜λ©°
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Weekly I Learned πŸ“š ✨ 이번 μ£Ό λ§ˆλ¬΄λ¦¬ν•˜λ©° λ°±μ—”λ“œκ°œλ°œμž λΆ„λ“€κ³Ό ν•¨κ»˜ν•˜λŠ” 클둠 μ½”λ”© ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν•˜λ©΄μ„œ github을 많이 ν™œμš©ν•΄λ³Έλ‹€λ˜κ°€ ν•˜λŠ” λͺ©ν‘œλ“€μ΄ μžˆμ—ˆλ‹€. 쒋은 νŒ€μ›λΆ„λ“€μ„ λ§Œλ‚˜μ„œ λ‹€μ–‘ν•œ 것듀도 μ‚¬μš©ν•΄λ³΄κ³  곡뢀할 수 μžˆλŠ” μ£Όκ°„μ΄μ˜€λ˜ 것 κ°™λ‹€. λ‹€λ§Œ, ν”„λ‘œμ νŠΈμ˜ 막바지 λ•Œ μ‘°λΆ€μƒμœΌλ‘œ 2일 정도λ₯Ό λΉ μ‘Œμ–΄μ•Ό ν–ˆμ—ˆκΈ°μ— μž‘μ€ λ””ν…ŒμΌμ„ μž‘λŠ” μž‘μ—…λ“€μ— 많이 μ°Έμ—¬λ₯Ό λͺ» ν–ˆλ˜ 점이 많이 아쉬웠닀. λ‚˜μ˜ λΆ€μž¬λ₯Ό μ±„μ›Œμ€€ ν”„λ‘ νŠΈνŒ€μ›λ“€μ—κ²Œ λ„ˆλ¬΄ κ°μ‚¬ν–ˆλ‹€. 😊 μ§€λ‚œμ£Ό λ―Έλ‹ˆ ν”„λ‘œμ νŠΈλ₯Ό μ§„ν–‰ν•˜λ©΄μ„œ λ°°μ› λ˜ λ‚΄μš©μ„ 50% μ΄ν•΄ν–ˆμ—ˆλ‹€κ³  μ μ—ˆμ—ˆλŠ”λ°, 이번 ν”„λ‘œμ νŠΈλ₯Ό ν†΅ν•΄μ„œ 80% μ΄ν•΄ν•˜κ²Œ 된 것 κ°™λ‹€. 아직도 100%κ°€ μ•„λ‹Œκ±°λ‹ˆ?! λΌλŠ” 생각에 μ‘°κΈ‰ν•œ 마음이 μžˆμ§€λ§Œ μƒκ²¨λ‚˜λŠ” 였λ₯˜λ₯Ό λ§ˆμ£Όν•˜λ©΄μ„œ ν’€μ–΄λ‚˜κ°€λŠ” 것듀에 μ‘°..
[ν•­ν•΄99] Day43. TIL – λ°±μ—”λ“œμ™€ ν•¨κ»˜ν•˜λŠ” λ‘λ²ˆμ§Έ ν”„λ‘œμ νŠΈ – 클둠 μ½”λ”©
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š ✨ ν˜‘μ—… ν˜‘μ—…! ν˜‘μ—…! μ§€λ‚œ μ£Ό 깃헙을 μ‚¬μš©ν•œ ν”„λ‘ νŠΈλ“€λΌλ¦¬μ˜ ν˜‘μ—…μ„ μ œλŒ€λ‘œ ν•˜μ§€ λͺ» ν–ˆκΈ° λ•Œλ¬Έμ— 이번 주에 ν•˜λŠ” 클둠 μ½”λ”©μ—μ„œλŠ” ν”„λ‘ νŠΈλ“€λΌλ¦¬μ˜ ν˜‘μ—…μ— λŒ€ν•œ 뢀뢄을 잘 해보고 μ‹Άλ‹€λΌλŠ” 생각을 가지고 ν”„λ‘œμ νŠΈμ— μž„ν–ˆλ‹€. λ°±μ—”λ“œλΆ„λ“€μ€ μ§€λ‚œ 주와 달리 μŠ€ν”„λ§μ„ ν•˜μ‹œλŠ” 뢄듀을 λ§Œλ‚¬κ³ , μš°λ¦¬κ°€ ν΄λ‘ ν•˜κΈ°λ‘œ ν•œ μ„œλΉ„μŠ€λŠ” “λ‹Ήκ·Όλ§ˆμΌ“”. μ›Ή λ²„μ Όλ³΄λ‹€λŠ” μ•± 버젼을 μ›ΉμœΌλ‘œ κ°€μ Έμ˜€λŠ” μ‹μ˜ 방식을 νƒν–ˆλ‹€. ✨ ꡬ쑰와 데이터 흐름 κ΅¬ν˜„ κ³„νšμ„ 따라 κ°€λŠλΌ μ •μ‹ μ—†μ—ˆλ˜ μ§€λ‚œ 주와 달리 이번 μ£ΌλŠ” 훨씬 더 νƒ„νƒ„ν•˜κ²Œ 체계적인 νλ¦„μœΌλ‘œ ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘ν•  수 μžˆμ—ˆλ‹€. github에 λ‹€μ–‘ν•œ 메뉴듀을 적극 ν™œμš©ν•˜κΈ°λ‘œ ν•˜κ³  κ΅¬ν˜„ κ³„νšμ„ 초기 단계뢀터 νƒ„νƒ„ν•˜κ²Œ μž‘μ•„μ„œ github mergeμ‹œ ν˜Όλž€μŠ€λŸ¬μ›€μ„ 졜..
[ν•­ν•΄99] Week06. WIL – λ°±μ—”λ“œμ™€ ν•¨κ»˜ ν–ˆλ˜ 첫 λ―Έλ‹ˆν”„λ‘œμ νŠΈ
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Weekly I Learned πŸ“š 주특기 3μ£Όμ°¨λ₯Ό λ‹€ 마무리 짓고 λ‚˜μ„œ 처음으둜 λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€κ³Ό ν•¨κ»˜ μ§„ν–‰ν–ˆλ˜ ν˜‘μ—…! 이전에 μ—¬λŸ¬ λͺ…κ³Ό ν˜‘μ—…ν•΄μ„œ μ§„ν–‰ν–ˆλ˜ 적이 μžˆμ—ˆκΈ° λ•Œλ¬Έμ— μ΄λ²ˆμ—λŠ” κΉƒν—ˆλΈŒ μ‚¬μš©μ„ 잘 ν•˜λ¦¬!! 라고 λ‹€μ§ν•˜λ©° μ§„ν–‰ν–ˆλ‹€. 이번 ν˜‘μ—…μ„ ν†΅ν•΄μ„œ 작고 κ°€μ•Όν•  게 μžˆλ‹€λ©΄ κΉƒν—™ μ‚¬μš©λ²•κ³Ό μ§€λ‚œ μ£Ό κ³Όμ œμ—μ„œ μ œλŒ€λ‘œ μ΄ν•΄ν•˜μ§€ λͺ»ν•œ 뢀뢄듀이라고 μƒκ°ν–ˆλ‹€. 그리고 λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€κ³Ό 처음 ν•΄λ³΄λŠ” ν˜‘μ—…μ΄μ˜€κΈ°μ—, μ„œλ‘œμ— λŒ€ν•œ λ°°λ € + 이해가 제일 μ€‘μš”ν•˜λ‹€κ³  μƒκ°ν•˜λ©° μ§„ν–‰ν–ˆλ‹€. 닀행이도 ν•¨κ»˜ ν–ˆλ˜ λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€μ€ λ„ˆλ¬΄ μ°©ν•˜μ…¨κ³  λ§Žμ€ λ°°λ €λ₯Ό ν•΄μ£Όμ…¨λ‹€ πŸ‘πŸ» ✨ ν”„λ‘œμ νŠΈ μ†Œκ°œ ν”„λ‘œμ νŠΈ : Together μ§€λ‚œ μ£Ό 과제λ₯Ό 베이슀둜 ν•˜λŠ” ν”„λ‘œμ νŠΈλŠ” μ§„ν–‰ν–ˆμ—ˆλ‹€. “νˆ¬κ²Œλ”” λΌλŠ” μ΄λ¦„μ˜ 개발 μŠ€ν„°λ”” λͺ¨μž„을 λ§Œλ“œ..
[ν•­ν•΄99] Day37. TIL – λ°±μ—”λ“œκ°œλ°œμžλΆ„λ“€κ³Ό ν˜‘μ—…!
Β· 개발/β›΅ ν•­ν•΄99
πŸ’œ λ°±μ—”λ“œκ°œλ°œμžλΆ„λ“€κ³Ό 첫 ν˜‘μ—…! 이번주 ν”„λ‘œμ νŠΈλ₯Ό μ‹œμž‘μœΌλ‘œ 이제 λ°±μ—”λ“œ κ°œλ°œμžλΆ„λ“€κ³Όμ˜ ν˜‘μ—…μ΄ μ‹œμž‘λ˜μ—ˆλ‹€! 처음 ν•΄λ³΄λŠ” ν˜‘μ—…μ΄λΌμ„œ κΈ΄μž₯λ„λ˜κ³  μ„œλ‘œμ˜ 언어와 ν”„λ‘œμ„ΈμŠ€λ₯Ό μ΄ν•΄ν•˜μ§€ λͺ» ν• κΉŒ 걱정을 λ§Žμ΄ν–ˆμ§€λ§Œ 4일이 μ§€λ‚œ μ§€κΈˆκΉŒμ§€ 무리없이 잘 μ§„ν–‰λ˜μ–΄κ°€λŠ” 것 κ°™λ‹€! ν•¨κ»˜ ν•˜λŠ” λ…Έλ“œκ°œλ°œμžλΆ„λ“€λ„ ν”„λ‘ νŠΈκ°€ 일이 λ§Žλ‹€κ³  μ—„μ²­ λ°°λ €ν•΄μ£Όμ‹œκ³  도와주셨닀! API λͺ…μ„Έλ₯Ό μ μ–΄λ‚΄λ €κ°€λ©΄μ„œ λ™μ‹œμ— μ™€μ΄μ–΄ν”„λ ˆμž„ μž‘μ—…λ„ ν•΄μ„œ ν”„λ‘œμ νŠΈμ— μ‚¬μš©λ˜μ–΄μ•Ό ν•  뢀뢄듀은 꼼꼼히 μ±™κΈ°κ³  ν˜‘μ˜ν•΄μ•Όν•˜λŠ” 뢀뢄을 잘 μ±™κ²Όλ˜κ²ƒ κ°™λ‹€. ν˜„μž¬λŠ” μ„œλ²„κ°œλ°œμ€ λλ‚˜μ„œ ν”„λ‘ νŠΈ νŒŒνŠΈκ°€ μ€€λΉ„κ°€ 되면 axios λ₯Ό μ΄μš©ν•΄μ„œ μ—°κ²°ν•˜λ©΄ λœλ‹€! 아직 ν”„λ‘ νŠΈνŒŒνŠΈκ°€ λ‹€ μ€€λΉ„κ°€ λ˜μ§€μ•Šμ•˜λ‹€. λ‚΄κ°€ 맑은 뢀뢄은 μ–ΌμΆ” λ¦¬λ•μŠ€κΉŒμ§€ μ§„ν–‰λ˜μ—ˆλŠ”λ°, 둜그인, νšŒμ›κ°€μž… νŒŒνŠΈκ°€ 정말 μƒμ†Œν•΄μ„œ μ–΄λ ΅λ‹€λŠ”..
[ν”„λ‘œκ·Έλž˜λ¨ΈμŠ€] 2016λ…„ – μžλ°”μŠ€ν¬λ¦½νŠΈ
Β· 개발/πŸ’¬ μ½”λ”©ν…ŒμŠ€νŠΈ
βœ…λ¬Έμ œ 2016λ…„ 1μ›” 1일은 κΈˆμš”μΌμž…λ‹ˆλ‹€. 2016λ…„ aμ›” b일은 무슨 μš”μΌμΌκΉŒμš”? 두 수 a ,bλ₯Ό μž…λ ₯λ°›μ•„ 2016λ…„ aμ›” b일이 무슨 μš”μΌμΈμ§€ λ¦¬ν„΄ν•˜λŠ” ν•¨μˆ˜, solution을 μ™„μ„±ν•˜μ„Έμš”. μš”μΌμ˜ 이름은 μΌμš”μΌλΆ€ν„° ν† μš”μΌκΉŒμ§€ 각각 Sun, Mon, Tue, Wed, Thu, Fri, Sat μž…λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄ a=5, b=24라면 5μ›” 24일은 ν™”μš”μΌμ΄λ―€λ‘œ λ¬Έμžμ—΄ “TUE”λ₯Ό λ°˜ν™˜ν•˜μ„Έμš”. βœ…μ œν•œμ‚¬ν•­ 2016년은 μœ€λ…„μž…λ‹ˆλ‹€. 2016λ…„ aμ›” b일은 μ‹€μ œλ‘œ μžˆλŠ” λ‚ μž…λ‹ˆλ‹€. (13μ›” 26μΌμ΄λ‚˜ 2μ›” 45일같은 λ‚ μ§œλŠ” 주어지지 μ•ŠμŠ΅λ‹ˆλ‹€) βœ…μž…μΆœλ ₯ 예 abresult 5 24 “TUE” βœ…Solution function solution(a, b) { let week = ['SUN', 'MON', 'TUE'..
[220218] TIL
Β· 개발/πŸ“ TIL
μ½”λ“œμ˜ νš¨μœ¨μ„±μ΄λž€ λ¬΄μ—‡μΈκ°€μš”? μ‹€μ œ μ½”λ“œλ₯Ό μž‘μ„±ν•˜λ©΄μ„œ μƒκ°ν•˜μ‹œλŠ” μ½”λ“œμ˜ νš¨μœ¨μ„±μ„ κ°œμ„ ν•΄λ³΄μ‹ μ μ΄ μžˆλŠ”μ§€ κΆκΈˆν•©λ‹ˆλ‹€ λ©΄μ ‘ μ€€λΉ„λ₯Ό ν•˜λ©΄μ„œ 받은 μ˜ˆμƒ 질문 쀑 ν•˜λ‚˜μΈλ°, λ§Žμ€ 생각을 ν•˜κ²Œν–ˆλ‹€. λ‹¨μˆœνžˆ μ½”λ“œλ₯Ό μž‘μ„±ν•˜λŠ” μ‚¬λžŒ μž…μž₯μ—μ„œ μ½”λ“œμ˜ νš¨μœ¨μ„±μ΄λž€ 가독성이 μ’‹κ³  μœ μ§€λ³΄μˆ˜ν•˜κΈ° μ’‹μœΌλ©° μž¬μ‚¬μš©ν•  수 μžˆλŠ” μ½”λ“œκ°€ μ•„λ‹Œκ°€λΌκ³  제일 처음 생각을 ν–ˆλ‹€. 그리고 ν…ŒμŠ€νŠΈμ½”λ“œλ„ μ–΄μ©Œλ©΄ μ΄λΌλŠ” 생각도 λ“€μ—ˆκ³ , 컴퓨터 μžμ›μœΌλ‘œμ¨μ˜ μ΅œλŒ€ νš¨μœ¨μ„±μ€ μ„±λŠ₯의 μ΅œμ ν™”κ°€ μ•„λ‹Œκ°€ λΌλŠ” 생각을 ν–ˆλ‹€. νŒ€ ν”„λ‘œμ νŠΈλ₯Ό κ±°λ“­ν•˜λ©΄μ„œ μ½”λ“œμ˜ νš¨μœ¨μ„±μ€ 가독성과 νƒ„νƒ„ν•œ μ•„ν‚€ν…μ³λΌλŠ” 생각을 κ±°λ“­ν•˜κ²Œ λ˜μ—ˆλ‹€. μ½”λ“œλŠ” 항상 읽기 쉽고 λͺ¨λ“  κ°œλ°œμžλ“€μ΄ 이해할 수 μžˆκ²Œλ” μž‘μ„±λ˜μ–΄μ•Ό ν•œλ‹€κ³  μƒκ°ν•œλ‹€. 주석을 달지 μ•Šμ•„λ„ μ½νžˆλŠ” μ½”λ“œμ•Ό 말둜 정말 νš¨μœ¨μ„± 높은 μ½”λ“œκ°€ 아닐..
[JavaScript] λͺ¨λ˜ μžλ°”μŠ€ν¬λ¦½νŠΈ data μ €μž₯ 방식(Array, object, map, set)
· 개발/JavaScript
μžλ°”μŠ€ν¬λ¦½νŠΈμ˜ 데이터 μ†ŒμŠ€λ₯Ό 크개 3κ°€μ§€λ‘œ λ‚˜λˆ λ³΄μžλ©΄ ν”„λ‘œκ·Έλž¨ μžμ²΄μ• μ„œ μ μ–΄μ„œ λ°”λ‘œ λ°›μ•„μ˜¨ 것 UIμ—μ„œ λ„£μ–΄μ˜¨ μ†ŒμŠ€ (from DOM) WEB Api같은 μ™ΈλΆ€μ—μ„œ fetchν•œ μ†ŒμŠ€ μ΄λ ‡κ²Œ 이 3κ°œμ§€μ˜ μ†ŒμŠ€μ—μ„œ κ°€μ Έμ˜¨ 데이터λ₯Ό μ €μž₯ν•˜λŠ” λ°©μ‹μ—λŠ” 총 4가지가 μžˆλ‹€. μ—¬κΈ°μ—λŠ” λͺ‡ 가지 기쀀이 μžˆλŠ”λ°, λ‹¨μˆœν•œ λ¦¬μŠ€νŠΈκ°€ ν•„μš”ν•œκ±΄μ§€, μ•„λ‹ˆλ©΄ key, value 값이 ν•„μš”ν•œκ±΄μ§€ 생각을 ν•΄μ„œ 기쀀에 λ§žμΆ”μ–΄μ„œ μ“°λ©΄ λœλ‹€. μ €μž₯방식은 Array, Set, Object, Map 총 4가지이닀. μ‹¬ν”Œν•œ λ¦¬μŠ€νŠΈκ°€ ν•„μš”ν•˜λ‹€λ©΄ array와 set을 μ΄μš©ν•΄μ„œ μ €μž₯ν•˜λ©΄ λœλ‹€. Array color = [‘red’, ‘gold’, ‘red’]; //{ ‘red’, ‘gold’, ‘red’} πŸ‘‰ λ°˜λ³΅λ˜λŠ” 값이 λ¦¬μŠ€νŠΈμ— 포함이 될 μˆ˜λ„ 있..
[ν•­ν•΄99] Week05. WIL – λ¦¬μ•‘νŠΈ μ „μ—­μƒνƒœκ΄€λ¦¬
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Weekly I Learned πŸ“š ⭐ React μ „μ—­μƒνƒœκ΄€λ¦¬ μ „μ—­ μƒνƒœ κ΄€λ¦¬λž€, 말 κ·ΈλŒ€λ‘œ μ „μ—­μ—μ„œ μƒνƒœλ₯Ό κ΄€λ¦¬ν•œλ‹€λŠ” λ§μž…λ‹ˆλ‹€. λ¦¬μ•‘νŠΈμ—μ„œλŠ” μƒμœ„μ—μ„œ ν•˜μœ„λ‘œ μƒνƒœ 값을 μ „λ‹¬ν•˜λ©° 관리λ₯Ό ν•˜κ²Œ λ˜λŠ” μ‹œμŠ€ν…œμž…λ‹ˆλ‹€. μ•„λž˜μ˜ μ‚¬μ§„μ²˜λŸΌ λ¦¬μ•‘νŠΈ ν”„λ‘œμ νŠΈλ₯Ό λ§Œλ“€λ‹€λ³΄λ©΄ μˆ˜λ§Žμ€ μ»΄ν¬λ„ŒνŠΈλ“€μ΄ λ°œμƒν•©λ‹ˆλ‹€. 이 λ•Œ μƒνƒœκ°’μ„ 전달 μ „λ‹¬ν•˜κ²Œ 되면 λ‹Ήμ—°νžˆ ν—·κ°ˆλ¦¬κ³ , ν•„μš”μ—†λŠ” 값도 μ „λ‹¬ν•˜κ²Œ λ˜λŠ” 상황이 λ°œμƒν•˜κ²Œ λ©λ‹ˆλ‹€. 이 λ•Œ λΆˆν•„μš”ν•œ propsλ₯Ό μ „λ‹¬λ°›μ•„μ•Όν•˜λŠ” μƒν™©μ—μ„œ props drilling μ΄λΌλŠ” λ¬Έμ œκ°€ λ°œμƒν•˜κΈ°λ„ ν•©λ‹ˆλ‹€. props drilling λ¦¬μ•‘νŠΈ μ»΄ν¬λ„ŒνŠΈμ—μ„œ λ‹€λ₯Έ λΆ€λΆ„μœΌλ‘œ 데이터(props)λ₯Ό μ „λ‹¬ν•˜λŠ” κ³Όμ •μ—μ„œ μ˜€λ‘œμ§€ μ „λ‹¬λ§Œμ„ μœ„ν•΄μ„œ μ—¬λŸ¬ μ»΄ν¬λ„ŒνŠΈλ₯Ό κ±°μΉ˜λŠ” 상황을 λ§ν•©λ‹ˆλ‹€. 이런 λΆˆν•„μš”ν•œ props dril..
[ν•­ν•΄99] Day34. λ¦¬μ•‘νŠΈ 심화주가 끝났닀. 맀거진 μ‚¬μ΄νŠΈ κ΅¬ν˜„ μ™„λ£Œ!
Β· 개발/β›΅ ν•­ν•΄99
πŸ‘©πŸ»‍πŸ’» Today I Learned πŸ“š 이번 μ£Ό 개인 κ³Όμ œμ˜€λ˜ 맀거진 μ‚¬μ΄νŠΈ λ§Œλ“€κΈ° – μΈμŠ€νƒ€κ·Έλž¨κ°™μ€ λŠλ‚Œμ˜ μ‚¬μ΄νŠΈμ˜€λ‹€. λ‹€μ–‘ν•œ μš”κ΅¬μ‚¬ν•­λ“€μ΄ μžˆλŠ” κ³Όμ œμ˜€λŠ”λ° 사싀 μ œλŒ€λ‘œ 잘 κ΅¬ν˜„ν–ˆλ‹€κ³  100%둜 μž₯담은 ν•  μˆ˜κ°€ μ—†λ‹€. μ•„μ‰½κ²Œλ„ 말이닀. 이번 μ£Ό κ³Όμ œλŠ” μˆ˜μš”μΌμ΄λ©΄ λ‹€ μ™„μ„±ν•˜κ² μ§€? 라고 μƒκ°ν–ˆμ—ˆλŠ”λ°, λ§ˆμ§€λ§‰ λ§ˆκ°κΉŒμ§€λ„ μ’‹μ•„μš” λ²„νŠΌ κΈ°λŠ₯ 버그λ₯Ό μž‘μ•„λ‚΄μ§€ λͺ»ν•΄μ„œ λ°λ“œλΌμΈμ§μ „κΉŒμ§€λ„ μ½”λ“œλ₯΄λ₯΄ λ§Œμ§€κ³  μžˆμ—ˆλ‹€. mitter 라고 이름을 지어 μ€€ 이번 λ‚˜μ˜ ν”„λ‘œμ νŠΈ! μΈμŠ€νƒ€κ·Έλž¨κ°™μ€ 이미지 곡유 기반 sns μŠ€νƒ€μΌμΈλ° 이름은 νŠΈμœ„ν„°μ—μ„œ κ°€μ Έμ™”λ‹€ γ…Ž ν•œ μ£Ό λ™μ•ˆ κ΅¬ν˜„ ν•΄λ‚Έ κΈ°λŠ₯듀을 λ‚˜μ—΄ν•΄λ³΄μžλ©΄ 둜그인 νšŒμ›κ°€μž… κ²Œμ‹œλ¬Ό μΆ”κ°€ κ²Œμ‹œλ¬Ό 쑰회 κ²Œμ‹œλ¬Ό μˆ˜μ • (+μž¬μ—…λ‘œλ“œ / λ ˆμ΄μ•„μ›ƒ λ³€κ²½) κ²Œμ‹œλ¬Ό μ‚­μ œ λ¬΄ν•œ 슀크둀 λŒ“κΈ€ μ“°κΈ° μ’‹μ•„μš” ..
밍(Ming) 🐈‍⬛
Ming devlog
μƒλ‹¨μœΌλ‘œ

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”