[4일차] #22. 배열과 반복문

---

4일차

---

수업의 목적

HTML과 JavaScript의 만남 1 (script 태그)

HTML과 JavaScript의 만남 2 (이벤트)

HTML과 JavaScript의 만남 3 (콘솔)

데이터타입 - 문자열과 숫자

변수와 대입 연산자

웹브라우저 제어

CSS 기초

제어할 태그 선택하기

프로그램, 프로그래밍, 프로그래머

조건문 예고

비교 연산자와 Boolean 데이터 타입

조건문

조건문의 활용

리팩토링(refactoring)

반복문 예고

배열

반복문

배열과 반복문

배열과 반복문의 활용

함수예고

함수

함수의 활용

객체예고

객체

객체 활용

파일로 쪼개서 정리 정돈하기

라이브러리와 프래임워크

UI vs API

수업을 마치며

---

#21. 배열과 반복문

---

▲ 예제 삽입

▲ 'while' 을 통한 반복문 형성 (수납상자 만들기)

▲ 수납상자에서 도구 꺼내오기

---

□ +fruits+ ⇒ 변수삽입

□ +fruits[i]+ ⇒ 가져오고 싶은 데이터 값을 배열문(대괄호)을 통해 가져옴 (index) 

---

▲ 구성요소가 적은 경우 문제점

---

□ 대입될 수 있는 구성요소는 0,1,2 까지 밖에 없으므로, 3에 해당되는 구성요소는 '확인할 수 없음 (undefined)'

---

▲ 문재점 해결

---

□ 대입될 수 있는 구성요소를 '유연화(flexible)' 시킴

□ while (i < 특정숫자) ⇒ while(i < fruit.length)

---

▲ 각 구성요소에 링크삽입

---

□ 링크삽입하기 ⇒ <a href=""> 삽입

□ <a href="링크'+구성요소+'">

---

---