SCSS 반복문

반복문을 통해 그 안에 있는 css를 반복하여 작성할 수 있다

 

주의할 점 숫자를 세는 게 제로베이스가 아닌 1부터 시작하여 진행된다.

 

 

 

 

변수를 활용하여 사용해보자

 

보간법을 사용하여 안에 데이터를 넣어줄 수 있다

평소에 JS에서 쓰는 보간법은 ${데이터} 이지만

SCSS에서는 #{데이터} 로 쓴다

 

값을 적는 부분에도 변수를 활용하여 값을 바꿀 수 있다.

선택자를 적는 부분은 값을 적는 부분이 아니기 때문에 보간처리가 필요한 것