221205 TIL

오늘은 숙련주차 개인과제를 더 다듬었다...

일요일부터 해결되지 않았던 삭제와 isDone변경버튼에 대한 오류를 해결했다.

컴포넌트단에서 State값을 변경해서 리듀서에서 값을 그대로 입력하려 했지만, State의 구조가 배열속 객체여서

뭔가 중간에 자꾸 어긋나는 부분이 있어 잘 작동하지 않았다.

 

팀원분인 성배님께 질문했을 때 리듀서에서 분류를 하는게 어떻겠냐는 조언을 받아서,

리듀서에서 filter과 특정 메소드들을 사용해서 삭제와 변경함수를 완료했다.

 

그리고 onClick에 함수를 넣는 방식에도 문제가 있었다.

<input onClick={handler(todo.id)} />

이런 형식이었는데, 이렇게 작성하면 자동으로 onClick을 실행하게되어 모두 삭제가 됐었다.

 

그래서 아래처럼 표현방법을 바꿨고, 정상적으로 작동했다.

<input onClick={() => handler(todo.id)} />

https://porinn.tistory.com/35

 

 

생각보다 기능부분에서 해결하는데 너무 오래걸렸는데, 나름 문제점을 해결하려고 노력하며 얻은 점이있었다.

먼저 원래는 console.log를 잘 사용하지 않았었는데, 이번엔 문제점을 찾기위해 이것 저것 콘솔창에 찍어보며 확인했다.

또한 주석처리를 부분적으로 하면서 어떤 부분에 문제가있는지 찾아봤었다.

 

결론적으로 문제위치는 찾았는데 해결하지 못했지만, 스스로의 방법으로 문제해결에 도전했다는 것에 의의를 두고 싶다.