2023.02.28) 항해 23일차

오늘은 어제 만들었던 투두리스트의 컴포넌트를 분리해 보았다.

분리하면서 props를 받을 때 구조분해할당으로 받지 않아서 오류가 났었다.

처음엔 뭐가 문제인지 몰라서 헤맸는데, 이 때문에라는 것을 알고 허무했다... 중괄호 때문에....

 

컴포넌트를 다 분리하고 나니 함수 중에서 중복으로 사용되는 함수가 있어서 어떻게 해야 하나 하다가

함수도 컴포넌트 분리하듯이 분리해 버리자!! 생각하고 실행에 옮겼다.

파일에 함수를 옮기고 export 하여 컴포넌트 파일에 import를 하였는데,

오류가 나며 실행이 되지 않았다....

분명 제대로 받아왔는데 왜 안되나... 알아보니 여러 문제가 있었다....

첫 번째로 export 할 때 매개변수로 넣어준 것들을

컴포넌트 파일의 함수 적용하는 곳에도 똑같이 넣어주어야 한다는 것이다.

두 번째로 컴포넌트 파일을 분리하며 props로 받아 온 함수를 지워주지 않아서 오류가 났던 것이다..

 

수정하고 나니 잘 되어서 신난 나머지 모든 함수를 착착 분리해 버렸다....!

 

물론 불필요한 리렌더링을 정리해주어야 하는데..

그 부분은 아직 부족하여하지 못했다..ㅜㅠ

내일 매니저님께 코드리뷰 부탁드리고 해 봐야겠다..!

팁이 필요해!!!!!

분리한 모습