React로 TodoList 만들기
📖 기능
1일차와 같은 파일구조이지만 새로 프로젝트 만들어서 새로 코드 작성한 것 입니다! (진짜임)
1일차와 달라진 것이 있다면....
수정 input에서 빈 값이 들어간다면 해당 리스트를 삭제하는 것을 추가했다.
그리고 styled-components를 사용해서 UI를 나름대로 했다...! 계속 하다보면 늘겠죠....😦
📖 느낀점
위에 사진처럼 "둘"을 삭제한 후 "셋"을 체크하면 "둘"로 값이 바뀌는 이슈가 발생해서 useEffect를 사용했다. 검색해보니 비동기 처리로 인해서 값이 바로 바뀌지 않는다고 하더라...! (추후에 설명 넣을 예정) 그래서 useEffect를 사용하여 리스트 객체의 값이 변경될 때 마다 텍스트의 값이 변경될 수 있도록 작성했다! useState와 useEffect에 대한 공부를 좀 해야할 것 같다!
