미션 이모저모

• 상태를 sale인지 아닌지만. 나머지는 배열로 넣어서 했다.
  • 렌더링 문제가 있었다. ⇒ 그만큼 많이 공부할 수 있었습니다!
• fetch 를 사용하다보니 promise 문제가 있었다. ⇒ 공부할 수 있었어서 좋았습니다!
  • useEffect 자체에 비동기 솔루션이 없으므로 이를 내부에 비동기 식을 넣었다.
  • sale_product.json을 사용하지 않고 한번 받아온 값으로 처리
  • 오름차순 정렬도 추가해보았다.
    • sort() 사용이 귀찮았다.
    • 동영상도 넣어보았다.
• styled-component를 처음 써보았는데, 코드 정리가 어려웠던 것 같습니다.
  • 자주 쓰는 ui 는 js에서 모듈로 빼두어서 정리할 수 있어요
  • 한 파일에서 관리하는 것은 좋았습니다!
  • html 구조를 보기 힘들었던 것 같습니다.
• useEffect 자체에는 비동기 함수를 사용할 수 없습니다!
• clean-up 함수도 넣을 수 있습니다! (unmount 될 때 실행됩니다.)
• 다들 세일중인 상품을 어떻게 가져왔나요?
  • sale 값이 true인 것만 필터링 해서 보여주었습니다

발표!

곽민준

• rem단위를 사용해야 하는 이유!

useEffect!

• input 데이터 다룰때 힘들었습니다.
• mount→re-rendering→unmount
  • 의존성 배열을 넣지 않으면 매번 렌더링 될 때마다 useEffect가 실행됩니다!
  • 빈 의존성 배열을 넣으면 mount될 때만 실행됩니다!
  • 특정 의존성을 넣어주면 해당 값이 변경될 때 실행됩니다!
  • unmount 될 때 clena-up 함수가 실행됩니다!