DOCTYPE html> JavaScript - document, element i { font-style: italic; } Hello World! Nice to meet you! // id 속성이 "hello" 인 요소(#hello)의 내부 문자를 // "Hello JavaScript!" 로 설정 // → 1. DOM 내의 요소(element)를 조작하려면 // 가장 먼저 탐색부터 해야한다. // 2. 탐색한 element 객체의 innerHTML 속성을 통해 // 내부 문자를 설정 // 1. id 속성을 통해 element 객체를 탐색하여 반환 var hello = document.getElementById("hello"); // = 변수 hello 에는 #hello 요소를 표현하는 // eleme..

DOCTYPE html> JavaScript - window // window 객체 // - 브라우저 객체 모델(Browser Object Medel; BOM)에서 최상위 객체 // - 브라우저를 표현한 객체 // window 객체의 속성 document.writeln("window.innerWidth = " + window.innerWidth); document.writeln("window.innerHeight = " + window.innerHeight); document.writeln("window.outerWidth = " + window.outerWidth); document.writeln("window.outerHeight = " + window.outerHeight); document.wri..

DOCTYPE html> JavaScript - object // 배열(array) // - 같은 유형의 여러 데이터들의 집함 // → 이름들, 다수의 점수 ... // - 배열 리터럴([])를 이용해서 생성하고, // 각 원소(item)에 접근하기 위해 인덱스(index)를 이용 // - 배열은 객체 중 일부 // 즉, 배열의 자료형은 객체(object) var array = [10, 20, 30, 40]; document.writeln("typeof array = " + (typeof array)); console.log(array); // 객체(object) // - 특정 대상(사물)을 표현하기 위한 여러 데이터들과 // 해당 데이터들을 다루기 위한 기능들의 집합 // → TV, 사용자(user),..

DOCTYPE html> JavaScript - fonction // 일반 함수와 익명 함수 printHello(); // 일반 함수 // - 일반 함수로 선언된 함수는 어디서든 호출이 가능 // - 즉, 함수 정의 전에도 호출이 가능 function printHello() { document.writeln("Hello World!"); } // 함수의 식별자와 함수 호출 연산자를 통해 // 함수를 호출 printHello(); // 익명 함수(anonymous function) // - 함수의 식별자가 없는 함수 // - 함수의 식별자가 없기 때문에 호출이 불가능 // → 변수(또는 매개변수)에 대입해서 사용 // → 함수의 매개변수에 전달할 때 or 객체의 메서드로 정의할 때 // 익명 함수는 애초에..

DOCTYPE html> JavaScript - function // 함수(function) // - 입력을 받아 연산/처리를 하고 결과를 반환하는 코드들의 집합 // - 여러 군데에서 중복된 코드(기능)을 하나의 집합으로 표현 // - 관련 용어 // 함수 정의(function definition) // : 프로그램에서 사용할 함수를 정의(선언)하는 것 // : function 키워드를 통해 함수를 작성 // 함수 이름(dunction name, 식별자) // : 함수의 기능을 표현하기 위한 이름 // : function 키워드 다음 작성 // 매개변수(parameter) // : 함수에 전달되는 값(인자 값)을 저장하기 위한 변수 // : 함수에 전달될 값의 개수에 따라 매개변수의 개수도 정해진다. ..

DOCTYPE html> JavaScript - break, continue // 반복문의 흐름을 제어하는 제어문 // - 기존의 제어문과 달리 반복문의 흐름을 제어 // - 반복문은 조건을 만족하는 무조건 반복 수행 // → 반복문 수행 도중에 원하는 결과를 얻어 // 더 이상 반복문을 수행할 필요가 없는 경우가 발생 // → 조건을 검사하는 위치가 고정이기 때문에 // 원하는 흐름으로 코드를 작성하기가 깔끔하지 않다. // - 종류 // break : 반복문을 탈출(종료) // continue : 반복 수행 중인 블록을 종료 = 블록 내에 남은 코드를 넘어간다. // : 다음 반복으로 바로 넘어간다. var numbers = [4, 30, 45, 12, 7, 17, 5, 3, 1, 16]; // 사용..