6월 3주차 WIL

리액트 입문주차 수업을 들었다.

 

자바스크립트를 깊이 공부하고 나서 리액트를 다시 해보니 예전과는 다르게 리액트를 사용해야하는 이유와 작동원리도 알 수 있었다.

 

동시에 리액트로 todolist 개인 프로젝트도 진행헀다.

 

고민했던 부분은 컴포넌트의 구조와 state들의 상태관리였다.

 

컴포넌트화의 기준이 명확하지 않았기에 반복 될 여지가 있는 부분을 컴포넌트화 했다.

 

useState를 제외한 hook들을 사용하지 않았기에 데이터를 props로 전달했고 필요한 부분에서 useState의 set 함수를 전달했다.

 

하지만 이렇게 코드를 짰을 때 버그가 발생했을 때 각종 컴포넌트에서 set함수로 state를 변경하기 때문에 어디서 문제가 발생했는지 찾는게 어려웠다.

 

그래서 set  함수를  사용하는 함수를 만들어놓고 필요한 컴포넌트에 함수를 props로 전달하도록 리팩토링을 진행했다.