가고

자바스크립트 반복문은 loop(루프)문이라고도 한다.

반복문은 크게 while문과 for문,  forEach문이 있다.

1. while문

초기값;

while(조건식){ 실행문; 증감값; }

↓ 출력화면

↓ 출력화면

2. for문

for(초기값;조건식;증감값){실행문;}

↓ 출력화면

↓ 출력화면 (※sum=sum+num[ i ])은 줄여서 sum+=num[ i ]라고도 씀)

3. for~in문

초기값;

for(변수의 인덱스 in 변수명){ 실행문;}

↓ 출력화면

4. forEach문

배열명.forEach(function(배열값,인덱스,배열명){실행문;});

(※반복문이라는 것을 잊지 말기. 예제는 반복적으로 원소, 인덱스, 배열값을 출력하게 만들었다.)

↓ 출력화면

→이어 자바스크립트 함수의 특징 및 즉시 실행 함수 정리하기(선언, 호출, 인자값, return, 전역변수, 지역변수)

float는 세로로 나열되어 있는 블록을 가로로 배치할 때 사용된다.

float을 사용할 때는 '꼭' 가로 사이즈를 줘야 한다.

세로로 나열된 블로마다 float:left를 적용하면 해당 블록들은 모두 왼쪽으로 차례로 나열된다.

반대로 float:right을 적용하면 해당 블록들은 오른쪽으로 나열된다.

이때 블록 아래의 블록이 딸려서 올라오는 오류가 생기기도 한다.

이를 방지하기 위해 딸려오지 않도록 아래의 해당 블록에 'clear:both'을 적용해야 한다.

"<p>태그는 블록 레벨 요소로 한 라인을 다 차지한다.

하지만 해당 예에서는 세 개의 <p>태그에 float:left를 적용하여 왼쪽으로 차례로 나열되게 했다.

'이미지 세 장'이라는 <h2>태그는 블록 레벨 요소이기 때문에 딸려오지 않는다."