리액트 to do list 만들기 23.11.06

오늘은 리액트 개인 과제를 제출하는 날이지만.. 틀만 잡았지 거의 미완성이다...

만드는 과정을 간단하게 기록해 본다

 왼쪽 아래 부분이 개인 과제의 예제이다 위쪽의 input에 입력값을 넣으면 

아래쪽에 to do list가 생성된 고 버튼을 누르면 완료 항목으로 이동 그리고 삭제도 가능한 예시

시작은 간단하게 틀을 짜본다 JSX이라 조금 어색하지만 본래에 html, css 거의 유사하기에 큰 문제없이 작성 중이다 

 

 

useStaete라는 리액트 패키지에서 제공하는 함수를 사 용하기위해  map를 이용하여 구조 분해 할당을 이용한다

 

그러는 도중 갑자기 객체들 의 값이 안나왔는데 알고 보니 

 

today.map 부분에서 매개변수를 item으로 잡아놓고 헛물켜고 있었다... 

 

그러는 와중에 어느새 제출 시간이 다가와 일단 만들어놓은 코드까지만 제출했다 올라온 해설강의를 통해 마저 마무리

한 후 복습해 봐야겠다 완전 처음보다는 많이 나아진 게 느껴지지만 속도가 많이 더디다... 빨리 따라붙어야지...