여기에 약간의 커링을 곁들인……
목표: mediaQuery라는 함수를 만들어서
- 스크린사이즈 2. css 코드
를 넘기면 미디어쿼리 처리를 할 수 있도록 할 것이다.
일단 간단히 커링 함수를 만든다.
커링을 쓴이유는
- 인자를 두 개 받을 수 있도록 하기 위해서
- 자주 쓰는 스크린 사이즈가 있다면 해당 스크린사이즈를 인자로 넘긴 함수 (예: desktopMediaQuery 함수)를 만들어서 css 코드만 넘기면 되도록 하게끔 사용하려고
이다.
그 다음 스크린 사이즈들을 정의해준다.
만든 커링함수와 스크린 사이즈들을 이용해서 미디어쿼리 함수를 만든다.
스타일드 컴포넌트 파일에서 미디어쿼리 함수를 쓴다.
끝.
더 좋은 반응형 작업관련한 정보가 있다면 나눠주시면 감사하겠습니다.
틀린 부분이나 보안할 부분 지적도 환영합니다.
