본문으로 바로가기



4일차



수업의 목적

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

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

HTML과 JavaScript의 만남 3 (콘솔)

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

변수와 대입 연산자

웹브라우저 제어

CSS 기초

제어할 태그 선택하기

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

조건문 예고

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

조건문

조건문의 활용

리팩토링(refactoring)

반복문 예고

배열

반복문

배열과 반복문

배열과 반복문의 활용

함수예고

함수

함수의 활용

객체예고

객체

객체 활용

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

라이브러리와 프래임워크

UI vs API

수업을 마치며





#20. 배열 (배열하기/더하기/숫자세기)


▲ 배열태그 넣기



□ Array = 배열하기 ⇒ 대괄호로 시작 : ["배열하기"]

□ Syntax = 구문 (프로그래밍 언어)

□ 수납상자 만들기 ⇒ var coworkers = ["A","B"]';

□ 상자꺼내오기

 - 첫번째 도구 꺼내오기 : document.write(coworkers[0]);

 - 두번째 도구 꺼내오기 : document.write(coworkers[1]);




▲ 몇개의 도구가 수납되어 있는지 확인하기



□ 검색 : Javascript Array Count

□ 몇개가 수납되었는지 확인하기 ⇒ document.write(coworkers.length);




▲ 새로운 도구 추가하기



□ 검색 : Javascript array add data

□ 도구 추가하기 ⇒ coworkers.push("C");

□ 도구 숫자도 바뀜을 알 수 있다. 



▲ 배열 더 알아보기



□ 검색 : Javascript Array