scss

SCSS & 선택자에 대해

리액트 컴포넌트 라이브러리 개발을 하다가 CSS에서 &가 자주 보이는걸 발견했다. 찾아보니 CSS의 문법은 아니고 SCSS의 문법이라고 한다. 지금 쓰고있는 Styled Component에서는 SCSS의 문법을 사용할 수 있다고 하니 공부해보기로 했다. &는 SCSS에서 매우 유용한 기능이라고 한다. 보통 중첩(nesting)할 때 사용된다고 하는데 사용법을 알고 있으면 시간 절약이 가능하다고 합니다. 간단한 예제를 통해서 더 알아보도록 하겠다. Basic Nesting .parent { .child{} } 이것은 css에서 다음과 같이 컴파일 됩니다. .parent .child {} 원하는 만큼 중첩할 수 있지만 한 두단계만 유지하는 것이 좋다고 한다.(유용성이 떨어지고 재정의하기 어렵기 때문에) Ad..