React-Responsive 작성룰

[nyeoni]

React-Responsive 작성룰

이슈에 대한 설명

• 반응형 작업을 위해 react-responsive 사용

import MediaQuery from "react-responsive";

....
return (
    <>
      <MediaQuery minWidth={1024}>
        // PC View
      </MediaQuery>
      <MediaQuery minWidth={768} maxWidth={1023}>
        // Tablet View
      </MediaQuery>
      <MediaQuery maxWidth={767}>
        // Mobile View
      </MediaQuery>
    </>
  );

checkList

• 위의 기준으로 PC, Tablet, Mobile 작업할 예정
• PC : minWidth={1024}
• Tablet : minWidth={768}, maxWidth={1023}
• Mobile: maxWidth={767}

주의사항