먼저 각 환경에 대한 breakpoint를 변수로 선언한 파일을 생성해줍니다.\_variable.scss파일명 앞에 \_를 붙인 이유는 파일단위로 구분하여 컴파일이 되지않기 때문입니다.\_mixin.scssmain.scss다음과 같이 미디어 쿼리를 적용할 수 있습니다.
1. BEM (Block-Element-Modifier) 구조: block__element--modifier 의미: block -> 독립적인 컴포넌트 단위 element -> block 안의 구성 요소 modifier -> 상태/변형 예시 2. CamelCase / PascalCase React 컴포넌트와 맞춰 쓸 때 구조: myComp...