더북(TheBook)

6.5.1.3 반복문

HTML과 다르게 반복문도 사용할 수 있으며, 반복 가능한 변수인 경우에만 해당됩니다.

다음과 같이 each로 반복문을 돌릴 수 있습니다. each 대신 for를 써도 됩니다.

퍼그

HTML

ul
  each fruit in ['사과', '배', '오렌지', '바나나', '복숭아']
    li= fruit
<ul>
  <li>사과</li>
  <li>배</li>
  <li>오렌지</li>
  <li>바나나</li>
  <li>복숭아</li>
</ul>

반복문 사용 시 인덱스도 가져올 수 있습니다.

퍼그

HTML

ul
  each fruit, index in ['사과', '배', '오렌지', '바나나', '복숭아']
    li= (index + 1) + '번째 '  + fruit
<ul>
  <li>1번째 사과</li>
  <li>2번째 배</li>
  <li>3번째 오렌지</li>
  <li>4번째 바나나</li>
  <li>5번째 복숭아</li>
</ul>

 

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.