λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
Daily/Today I Learned

210319_TIL (First Project - Day5)

by joooing 2021. 3. 20.
λ°˜μ‘ν˜•

🍎 μ˜€λŠ˜ ν•œ 일

User κ΄€λ ¨ API μš”μ²­, ν•¨μˆ˜ μž‘μ„± μ™„λ£Œ
μœ μ €μ™€ κ΄€λ ¨λœ API μš”μ²­ (login, logout, signup, withdrawal, edit..) κ³Ό κ΄€λ ¨λœ ν•¨μˆ˜λ“€μ„ μž‘μ„±ν–ˆλ‹€. ν™•μ‹€νžˆ ν•¨μˆ˜λ₯Ό λ§Œλ“€κ³  λ­”κ°€ λŒμ•„κ°€κ²Œ λ§Œλ“œλŠ”κ²Œ μž¬λ°Œλ‹€,, 이제 μ§„μ§œ 뭘 ν•˜λŠ” λŠλ‚Œμ΄ λ“ λ‹€.

λ‘œμ»¬μ„œλ²„μ—μ„œ ν΄λΌμ΄μ–ΈνŠΈ - μ„œλ²„ μ—°κ²° ν…ŒμŠ€νŠΈ 진행
μ–΄λŠμ •λ„ μœ μ €μ™€ κ΄€λ ¨λœ 뢀뢄은 완성이 된 것 κ°™μ•„μ„œ 둜컬 ν™˜κ²½μ— λ”°λ‘œ μ„œλ²„λ₯Ό λ§Œλ“€μ–΄μ„œ 처음으둜 ν΄λΌμ΄μ–ΈνŠΈμ™€ μ„œλ²„λ₯Ό 합쳐봀닀. μ§€κΈˆκΉŒμ§€λŠ” 각각 μž‘μ„±ν•΄μ„œ ν˜Ήμ‹œ 합쳀을 λ•Œ μ–΄κΈ‹λ‚˜λŠ” 뢀뢄이 μžˆμ„κΉŒλ΄ κ±±μ •ν–ˆλŠ”λ°, ν™•μ‹€νžˆ APIλ¬Έμ„œλ₯Ό κΌΌκΌΌν•˜κ²Œ μž‘μ„±ν•΄ λ‘” 덕뢄인지 잘 μž‘λ™ν–ˆλ‹€. ν΄λΌμ΄μ–ΈνŠΈ μš”μ²­μ— 따라 DBκΉŒμ§€λ„ 잘 μž‘λ™ν•˜κ³  User κ΄€λ ¨ CRUD μš”μ²­μ€ λͺ¨λ‘ μ„±κ³΅ν–ˆλ‹€. λ°±μ—”λ“œλΆ„μ΄ μ„œλ²„λΆ€λΆ„μ„ 정말 잘 κ΅¬ν˜„ν•΄ λ‘μ…”μ„œ μ—°κ²°ν–ˆμ„ λ•Œ λ°”λ‘œ μž‘λ™μ΄ λλŠ”λ°, μ•½κ°„ κ°λ™μ μ΄μ—ˆκ³  νŒ€μ›λ“€μ΄ ꡉμž₯히 λ“ λ“ ν•˜κ²Œ λŠκ»΄μ‘Œλ‹€.

React, Redux
μ»΄ν¬λ„ŒνŠΈλ₯Ό 기반으둜 κ΅¬μ„±ν•˜λ‹€λ³΄λ‹ˆ μž¬ν™œμš©μ„±μ΄ λ†’λ‹€λŠ” μž₯점은 ν™•μ‹€ν–ˆμ§€λ§Œ, λ™μ‹œμ— μ—¬λŸ¬ κ³³μ—μ„œ μ“°μ—¬μ„œ react-router-domκ³Ό history 객체의 역할이 μ€‘μš”ν•΄μ‘Œλ‹€. state 에 따라 layout 을 λ°”κΎΈλŠ” 것도 Reduxλ₯Ό μ“°λ‹ˆκΉŒ propsλ₯Ό 일일이 전달해주지 μ•Šμ•„λ„ λ˜μ–΄μ„œ 훠어어얼씬 νŽΈν•΄μ§„ 것 κ°™μ•˜λ‹€. Reactμ—λŠ” 아직도 λ‚΄κ°€ λͺ¨λ₯΄λŠ” μœ μš©ν•œ λ©”μ„œλ“œκ°€ ꡉμž₯히 λ§Žμ•„μ„œ 상황에 따라 μ—¬λŸ¬κ°€μ§€λ₯Ό μ¨λ³΄λ©΄μ„œ μ’€ 더 μ•Œμ•„κ°€μ•Όκ² λ‹€. μ²˜μŒμ—λŠ” 였히렀 vanilla Javascriptκ°€ 더 μ΅μˆ™ν•΄μ„œ μ•½κ°„ 그립기도 ν–ˆλŠ”λ°, λ¦¬μ•‘νŠΈ, λ¦¬λ•μŠ€λž‘ μ‘°κΈˆμ”© μΉœν•΄μ§€κ³  μ΅μˆ™ν•΄μ§€λ‹ˆκΉŒ 이제 μ–Έμ œ μ“°λ©΄ μœ μš©ν•œ 지 ꡬ뢄할 수 있게 λ˜κΈ°λ„ ν–ˆκ³ , μ™œ μ“°λŠ”κ±΄μ§€, μž₯점이 뭔지 λͺΈμ†Œ κΉ¨λ‹«κ²Œ λ˜μ—ˆλ‹€. μ—­μ‹œ κΈ°μˆ μ€ 계속 μ“°λ©΄μ„œ μ΅μˆ™ν•΄μ§€λŠ”κ²Œ μ€‘μš”ν•˜λ‹€!

 

🍎 ν•΄μ•Όν•  일

βœ”οΈ UI κ°œμ„ 
βœ”οΈ List κ΄€λ ¨ API μš”μ²­, ν•¨μˆ˜ λ§ˆμ €μž‘μ„±ν•˜κΈ°

 

Taskλ₯Ό λΆ„λ°°ν•˜λŠ”κ±΄ μ—¬μ „νžˆ νž˜λ“€λ‹€. μˆœμ„œλŒ€λ‘œ ν•˜μžλ‹ˆ(동기..) ν•œκ°€μ§€ 일이 λλ‚ λ•ŒκΉŒμ§€ λ‹€λ₯Έμ‚¬λžŒλ“€μ€ λ‹€λ₯Έ 일을 ν• μˆ˜κ°€ μ—†μ–΄μ„œ λΉ„νš¨μœ¨μ μΈ 것 κ°™κ³ , κ·Έλ ‡λ‹€κ³  각자 λ‹€λ₯Έ 일을 ν•˜κ³  (비동기..) ν•©μΉ˜μžλ‹ˆ λ¨Όμ € κ΅¬ν˜„λ˜μ–΄μ•Όν• κ²Œ μ•ˆλ˜μ–΄μžˆμ–΄μ„œ 꼬여버릴 것 κ°™κ³ ..? 일단은 비동기 방식을 μ„ νƒν•˜κ³  자주자주 μ†Œν†΅μ„ ν•˜λŠ” λ°©λ²•μœΌλ‘œ 진행쀑인데, 이 뢀뢄은 κ³„μ†ν•΄μ„œ κ³ λ―Όν•΄μ•Όν•  것 κ°™λ‹€. 그리고 ν•œλ‹¬ ν”„λ‘œμ νŠΈ λ•ŒλŠ” 각 κΈ°λŠ₯에 λŒ€ν•œ ν•¨μˆ˜λ₯Ό λ…λ¦½μ μœΌλ‘œ μž‘μ„±ν•  수 μžˆλ„λ‘ 더 μ„ΈλΆ€μ μœΌλ‘œ ꡬ성을 ν•΄μ•Όκ² λ‹€.

λ°˜μ‘ν˜•

'Daily > Today I Learned' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

210321_TIL (First Project - Day7)  (0) 2021.03.22
210320_TIL (First Project - Day6)  (0) 2021.03.21
210318_TIL (First Project - Day4)  (0) 2021.03.19
210317_TIL (First Project - Day3)  (0) 2021.03.18
210316_TIL (First Project - Day2)  (0) 2021.03.17

λŒ“κΈ€