Todo에서 map으로 뿌려준 element들에 대해 edit아이콘을 누르면 해당하는 id를 가진 element를 수정해서 다시 TodoListDummy에 뿌려주는 TodoEdit컴포넌트를 추가했다. 눈으로 보기엔 굉장히 쉬워보이지만 실제 구현하는 과정에서 수 많은 오류들을 겪었다.
여러가지 오류들을 핸들링하는 과정이 셋이서 5시간 정도 걸렸다. state를 내려서 다시 state를 주었을때 렌더링 되는 순서를 다시 곱씹어보면서 어디서 state를 못올려주는지를 머릿속에서 그려가면서 오류들을 하나하나 고쳐나갔다.
코드가 길어질수록 데이터(상태데이터)들이 계속해서 꼬여나간다. 처음부터 redux를 썻어야했는데 이렇게 일이 복잡할줄 몰랐다. 프로젝트를 끝내고나서 redux로 리팩토링 하긴 할텐데.. 그 과정도 문제다 ㅋㅋ 엄청나게 꼬여있는데 어떻게 다시 Redux로 풀어나가야할지..막막하다.
이건 TodoElement 코드이고 아래에 있는 것이 오늘 새로 만든 TodoEditElement 코드이다.
중간에 state가 꼬여서 버그가 발생해 아예 제일 상단에 있는 부모엘리먼트의 state를 수정해서 버그를 핸들링하였다.
프로젝트를 하다보니 어디서 오류가 발생하는지, 왜 발생하는지, 어떻게 해야할지가 눈에 점점 보이고 그 생각하는 과정도 재밌고, 핸들링하는 과정도 재미있다. 답답하고 막막한데 그래도 재밌다. 개발은 항상 재밌는거구나!
움짤보면 버그가 있는데 이것도 내일 수정해야겠다
그리고 오늘은 c언어로 문제들을 조금 풀었다
백준에 있는 문제들을 풀려고 했는데 뜬금없이 플래티넘 문제가 나와서 뭐부터 풀어야할지 감이 안왔다. 그래서 codeUp이라는 사이트에서 난이도별로 하나하나씩 풀어나가고 있다.
c는 난해하다 분명히 배웠었는데 막상 다시 하려니까 하나도 모르겠다. 다시 시작해봐야지!
와 멋져요 😆
프로젝트 파이팅입니다 🔥🔥