굉장히 뿌듯한 하루! 많은걸 이룬 하루 💩
실시사항1 🫥
실시사항2 🫥
일단 정리하고 어려웠던 점 어떻게 해결했는지 드간다.
D-Day 를 Modal
에서 설정함으로써 사용자에게 보여주는 부분과 Component
가 부모-자식
관계가 아니라 props
전달에 어려움을 겪었음!
이를 해결하기 위해서 State
관리를 위해서 Recoil
을 사용했습니다.
Recoil State
는 전역에서 사용할 수 있다는 특징을 가져가며, 이를 이용해 Home
에 상태를 띄울 수 있었습니다.
Recoil 마스터 + Chrome 확장 프로그램에 관해서 나오는 Velog
여기서 이것을 해결하니 또다른 문제를 직면했습니당 😢
Recoil
상태 중 하나인 dDayUserInputState.date
을 D-day 를 표시하는 <DDays>
Component가 최신화가 안되는 문제가 발생 ㅠㅠ
.recoil
dDay.ts
dDayUserInputState
이거는 백빵 useEffect
deps
의 부재다! 라고 판단한 저는
Ddays.tsx
dDayUserInputState.date
State가 변할 때 마다 D-day 를 게산하도록 설정하였다!
이게 문제를 해결 얼마나 뿌듯한지, 문제상황을 직면하고 그에 따른 적절한 상황조치를 반응시간에 맞춰서 이뤄냈다는 것이 엄청난 뿌듯함을 가져다 줬음!! 👍
input
에 관해서도 할 말이 많다. 난 항상 Form
을 만들 때 너무나 오래걸리고 외워지지가 않는다 ㅠㅠ
이거 관해서 공부를 더 많이 해야하고 많이 만들어봐서 숙달해야겠다.
CSS
는 실시사항2 보면 어떻게 했는지 보여진다! 나름 만족~
오늘은 여기까지~ 이제 나도 좀 쉬자! 지금도 눈이 엄청와서 제설나갈수도 ㅠㅠ 🌨
두개 남았다! 내일은 Refactoring 만 하고 공휴일 계산은 나중에 ㅠㅠ
과업 완료 상태