리액트 연습 (피드백 받았음)

https://github.com/kfs121/react-fetch

GitHub - kfs121/react-fetch

useEffect()로 한번에 여러 값 들을 배열에 불러와 저장하고 시작하는게 어떠냐고 했다.

 

맞다. 저렇게 값을 자주 가져오면 확실히 성능 상의 문제가 있고,

한번에 여러 개 가져오고 일정 수 까지 가져오면 또 그때 몇십개 가져오는 게 좋다.

 

useState? 를 이용하라고 하셨다.

 

그리고 todo 리스트 한번 해보라고 하셨다.

뭔가 적은 다음에 + 버튼 누르면 추가.

 

그렇게 추가 시킨 다음에 추가시킨 요소 더블클릭 하면 그 요소가 사라지게끔.

 

거기에 save버튼 누르면 그렇게 완성된 todo 리스트를 DB에 저장하는..

 

 

 

그리고,

나는 index.js에 header, main등 최상위와 가깝고, 또 그걸 wrap으로 감싸긴 했지만,

index 아래의 컴포넌트를 하나 두고 그걸 최상위 컴포넌트로 쓰는 것도 좋을 것 같다.

맨 처음 App.js처럼