Sass 반복문(Loops) 사용하기 (@for)

Sass 반복문(Loops) 사용하기 (@for)
@while 구문으로 생성한 960 그리드 시스템을 @for 구문으로 변경하여 자세히 알아봅니다.
변경할 부분은 많지 않습니다.
먼저 $i 반복자 변수 선언 부분과 @while 구문에서 $i : $i + 1 코드 부분을 삭제합니다.
그리고 @while 구문을 아래 처럼 변경합니다.
변경한 코드는 변수 $i 값을 1부터(from) $columns 값까지(through) 1씩 증가하면서 반복하라는 의미입니다.
$columns 값이 24로 설정되어 있으니 총 24번 @for 구문을 반복합니다.

깨알 Tip
through 키워드 대신 to 키워드를 사용하면 $columns 값 전까지 반복합니다.
즉, $columns 값이 24일 때 to 키워드를 사용하면 23까지 반복합니다.