☀️ 기상시간 - 8:50
🌕 마감시간 - 23:30
❌ 집에 누군가가 있으면 자꾸 신경쓰이고,,, 뭘 한다 하면 도와줘야 해서 아무래도 공부에 집중하기가 어려운 것 같다... 돈을 써야 하더라도 밖으로 나오는게 답이다ㅠㅠ
오늘은 이전에 작성해두었던 checkbox 코드를 정리해야 했다.
사실 누군가가 작성했던 코드를 그대로 따와서 넣었던거였어서...
어떤 구조로 되어있는지 제대로 파악을 하지 못했었는데
수정을 위해서라도 구조파악이 되어야 했기 때문에
오늘에서야 자세히 보게 되었던 것 같다.
사실 아직 한가지씩만 쓰는것도 익숙해지지가 않았는데
두가지를 같이 쓰려다보니
state 이름을 써둔것도 헷갈리고
어떤 state가 어디에 들어가있는지도 어렵고ㅋㅋㅋㅋ
구조를 파악하다 보니 정확한건 모르겠지만
useState는 기존에 state가 체크 되어서
onChange되는 경우를 위해 사용한 것 같고,
useReducer는 다시 클릭했을 때
처음 상태로 돌아갈 수 있게 사용한 것 같다.
버튼 하나로, 아님 체크박스 하나로
모든 체크박스를 관리하고 싶었는데
그게 생각보다 복잡하고 어려워서
버튼 두개를 만들어서
하나는 ‘RESET’, ‘ALL CHECK’로
조정하기로 했다.
그런데 그러다보니 체크박스 하나하나에 주어진
props를 사용해서 관리해야해서?
맞는건진 모르겠다ㅠㅠ
코드가 너무 조잡해져버렸다...