[정성현] sprint10

[jsh1147]

요구사항

• sprint9에서 멈춘 상태입니다ㅠ

주요 변경사항

• media 전역상태화
• media 결정 이후 데이터 패칭 수행

스크린샷

멘토에게

• 진도가 많이 느립니다😅
• 미디어 & 데이터 관련된 수정밖에 없긴.. 합니다😅

[GANGYIKIM]

성현님 이번 스프린트 미션 고생하셨습니다~
스프린트 미션은 진행하신 만큼 제출하시면 되니 부담가지지 말고 편하게 코딩해주세요~

• 저번 리뷰 반영해서 리팩하신것도 큰 변경사항이라고 생각합니다 😁

[GANGYIKIM]

P2:
이건 분리하기보다 mediaContext 파일 하단에 같이 있는게 더 좋을 것 같아요.
이렇게 작업하기 위해서는 결국 mediaContext를 export 하게되서 구지 useMedia 라는 커스텀훅을 이용해서 접근하지 않을 수 있으니까요~

[GANGYIKIM]

context 관련해서 아래 블로그 글 한번 읽어보세요~
https://velog.io/@velopert/react-context-tutorial

[GANGYIKIM]

P3:
가능하면 useEffect 내부의 함수 정의를 외부로 빼주세요~
아래처럼 코드를 입력하면 가독성에 더 좋습니다.

  const checkMedia = (width: number): MediaType => {
    if (width >= 1200) return "PC";
    if (width >= 768) return "TABLET";
    return "MOBILE";
  };

  const handleWindowResize = useCallback(() => {
    setMedia(checkMedia(window.innerWidth));
  }, []);

  useEffect(() => {
    handleWindowResize();

    window.addEventListener("resize", handleWindowResize);
    return () => {
      window.removeEventListener("resize", handleWindowResize);
    };
  }, [handleWindowResize]);