[JavaScript] 변수의 유효 범위
·
Language/JavaScript
변수의 유효 범위(variable scope) 자바스크립트에서 객체나 함수는 모두 변수(variable)다. 변수의 유효 범위(scope)란 해당 변수가 접근할 수 있는 변수, 객체 그리고 함수의 집합을 의미한다. 자바스크립트에서 변수는 유효 범위에 따라 다음과 같이 구분된다. 지역변수(local variable) 전역 변수(global variable) 지역 변수(local variable) 지역 변수(local variable)란 함수 내에서 선언된 변수를 가리킨다. 이러한 지역 변수는 변수가 선언된 함수 내에서만 유효하며, 함수가 종료되면 메모리에서 사라진다. 함수의 매개변수 또한 함수 내에서 정의되는 지역 변수처럼 동작한다. function localNum() { var num = 10; // 지..
[JavaScript] 함수의 기초
·
Language/JavaScript
함수(function)란? 함수(function)란 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행 할 수 있다. function addNum(x, y) { return x + y; } document.write(addNum(2, 3)); // 5 ※ 자바스크립트에서 블록이란 함수나 실행문의 중괄호({})로 묶여진 부분을 가리킨다. 자바스크립트 함수 자바스크립트에서는 함수도 하나의 타입(datatype)이다. 따라서 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는 것도 가능하다. 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의될 수도 있다. 함수의 정의 자바스크립트에서 함수의 정의는 function 키..
[JavaScript] 배열의 활용
·
Language/JavaScript
희소 배열 희소 배열이란 배열에 속한 요소의 위치가 연속적이지 않은 배열을 의미한다. 따라서 희소 배열의 경우 배열의 length 프로퍼티 값보다 배열 요소의 개수가 언제나 적다. var arr = new Array(); // 빈 배열 객체를 생성함. arr[99] = "JavaScript" // 배열 arr의 100번째 위치에 문자열을 삽입함. // 100번째 요소를 삽입했기 때문에 배열의 길이는 100으로 늘어남. document.write("배열의 길이는" + arr.length + "입니다."); 실행 결과 배열의 길이는 100입니다. 다차원 배열 다차원 배열이란 배열 요소가 또 다른 배열인 배열을 의미한다. 2차원 배열이란 배열 요소가 1차원 배열인 배열을 의미한다. 3차원 배열이란 배열 요소가..
[JavaScript] 배열의 기초
·
Language/JavaScript
배열(array)이란? 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의된다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 자바스크립트에서 배열의 특징은 다음과 같다. 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있다. 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있다. 자바스크립트에서 배열은 Array 객체로 다뤄진다. 배열의 생성 자바스크립트에서 배열을 만드는 방법은 다음과 같다. 문법 1. var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 2..
[JavaScript] 자바스크립트 적용
·
Language/JavaScript
자바스크립트를 적용하는 방법 HTML 문서에 자바스크립트 코드를 적용하는 방법에는 다음과 같은 방법이 있다. 내부 자바스크립트 코드로 적용 외부 자바스크립트 파일로 적용 내부 자바스크립트 코드 자바스크립트 코드는 이렇게 삽입된 자바스크립트 코드는 HTML 문서의 다음 예제는 HTML 문서의 태그에 자바스크립트 코드를 삽입한 예제다. 자바스크립트를 이용하면 현재 날짜와 시간 정보에도 손쉽게 접근할 수 있어요! 현재 날짜와 시간 표시하기! 위의 두 예제에서 살펴볼 수 있듯이 자바스크립트 코드를 외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹의 동작을 구현하는 자바스크립트 코드를 분리할 수 있다. 이렇게 하면 HTML 코드와 자바스크립트 코드를 각각 읽기도 편해지고, 유지 보수도..
[JavaScript] 자바스크립트 출력
·
Language/JavaScript
자바스크립트 출력 자바스크립트는 여러 방법을 통해 결과물을 HTML 페이지에 출력할 수 있다. 자바스크립트에서 사용할 수 있는 출력 방법은 다음과 같다. window.alert() 메소드 HTML DOM 요소를 이용한 innerHTML 프로퍼티 document.write() 메소드 console.log() 메소드 window.alert() 메소드 자바스크립트에서 가장 간단하게 데이터를 출력할 수 있는 방법은 window.alert() 메소드를 이용하는 것이다. window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 준다. ※ window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. HTML DOM 요소를 이용한 inn..