css 유성

여러 형제 요소가 있을 때, 각 요소의 순서에 따라 다르게 스타일링을 먹이고 싶을 때가 있었습니다. 이럴 때 사용하면 좋은, SCSS에서 제공하는 함수에 대해 간단히 정리해보고자 합니다. 먼저 HTML 코드는 아래와 같습니다.(NextJS 프레임워크를 사용했습니다.) wrapper 안에 총 3개의 div 요소가 존재하게 됩니다. const Home: NextPage = () => { const aniArray: number[] = [1, 2, 3] return ( {aniArray.map((el) => { return })} ) } 이제 어떻게 함수를 선언하고, 이 함수를 어떻게 실행 시키는지 알아봅시다. 먼저 @를 이용해서 함수를 선언합니다. 아래 코드에서 $ 표시는 SCSS에서 변수를 선언할 때 사용..