hoon's bLog

객체의 전반적인 기본 개념을 보시려면 "객체(1)" ← ← 포스팅을 참고해 주세요!! 상속(inheritance) 새로운 클래스에서 기존 클래스의 모든 프로퍼티와 메서드를 사용할 수 있는 것 상속을 통해 새로운 프로그램의 요구에 맞게 기존 클래스를 수정하여 재사용 가능 클래스 간의 종속 관계를 형성함으로써 객체의 관계를 조직화 가능 자바스크립트는 프로토타입 기반(prototype-based)의 객체 지향 언어 자바스크립트에서는 현재 존재하고 있는 객체를 프로토타입으로 사용하여, 해당 객체를 복제하여 재사용하는 것을 상속이라고 함. 프로토타입(prototype) 자바스크립트의 모든 객체는 프로토타입(prototype)이라는 객체를 가지고 있음 모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메서드를 상속 ..

객체(Object) 자바스크립트는 객체(object) 기반의 스크립트 언어이며 자바스크립트를 이루고 있는 "모든 것"!! 원시 값(String, Number, boolean, Symbol, bigint, null, undefined)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체 자바스크립트의 객체는 키(key)와 값(value)으로 구성된 프로퍼티들의 집합 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값을 사용 가능 자바스크립트의 객체는 객체지향의 상속을 구현하기 위해 “프로토타입”이라고 불리는 객체의 프로퍼티와 메서드를 상속 가능!! 프로퍼티(Property) 프로퍼티 키 : 빈 문자열을 포함하는 모든 문자열 또는 symbol 값 프로퍼티 값 : 모든 값 객체는 프로퍼티의..

함수(function) 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미 이러한 함수는 필요할 때마다 호출하여 해당 작업을 반복해서 수행 가능 함수도 하나의 데이터 타입 따라서 함수를 변수에 대입하거나, 함수에 프로퍼티를 지정하는 것도 가능 또한, 자바스크립트 함수는 다른 함수 내에 중첩되어 정의 가능 function addNum(x, y) { return x + y; } document.write(addNum(2, 3)); 함수의 정의 function 키워드로 시작 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수(parameter) 중괄호({})로 둘러싸인 자바스크립트 실행문 함수 이름(function name)은 함수를 구분하는 식별자(identifier) 매개변수(parameter..

배열(array) 이름과 인덱스로 참조되는 정렬된 값의 집합 배열을 구성하는 각각의 값을 배열 요소(element), 배열에서의 위치를 가리키는 숫자를 인덱스(index) 배열 요소의 타입이 고정되어 있지 않으므로, 같은 배열에 있는 배열 요소끼리의 타입이 서로 다를 수도 있음 배열 요소의 인덱스가 연속적이지 않아도 되며, 따라서 특정 배열 요소가 비어 있을 수도 있음 자바스크립트에서 배열은 Array 객체 var arr = [배열요소1, 배열요소2,...]; // 배열 리터럴을 이용하는 방법 var arr = Array(배열요소1, 배열요소2,...); // Array 객체의 생성자를 이용하는 방법 var arr = new Array(배열요소1, 배열요소2,...); // new 연산자를 이용한 Arr..

반복문(iteration statements) 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문 프로그램이 처리하는 대부분의 코드는 반복적인 형태가 많으므로, 가장 많이 사용되는 실행문 while 문 특정 조건을 충족할 때까지 계속해서 주어진 실행문을 반복 실행 while (표현식) { 표현식의 결과가 참인 동안 반복적으로 실행하려는 실행문; } while 문은 우선 표현식이 참(true)인지를 판단하여 참이면 내부의 실행문을 실행 내부의 실행문을 전부 실행하고 나면, 다시 표현식으로 돌아와 또 한 번 표현식이 참인지를 판단 루프(loop) : 표현식의 검사를 통해 반복해서 실행되는 반복문 while 문 내부에 표현식의 결과를 변경하는 실행문이 존재하지 않을 경우 프로그램은..

제어문(control flow statements) 프로그램의 순차적인 흐름을 제어해야 할 때 사용하는 실행문, 제어문에는 조건문, 반복문 등이 포함 조건문(conditional statements) 조건문이란 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문 if 문 결과가 참(true)이면 주어진 실행문을 실행하며, 거짓(false)이면 아무것도 실행하지 않음 if (표현식) { 표현식의 결과가 참일 때 실행하고자 하는 실행문; } var x = 10, y = 20; if (x == y) { document.write("x와 y는 같다."); } if (x y) // 실행될 실행문이..

연산자(operator) 자바스크립트는 여러 종류의 연산을 위한 다양한 연산자(operator)를 제공 산술 연산자(arithmetic operator) 산술 연산자는 사칙연산을 다루는 가장 기본적이면서도 많이 사용하는 연산자 모두 두 개의 피연산자를 가지는 이항 연산자이며, 피연산자들의 결합 방향은 왼쪽에서 오른쪽 이항 연산자 : 해당 연산의 실행을 위해서 두 개의 값이나 변수가 필요한 연산자 항이란 해당 연산의 실행이 가능하기 위해 필요한 값이나 변수를 의미 산술 연산자 설명 + 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 더함. - 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 뺌. * 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 곱함. / 왼쪽 피연산자의 값에 오른쪽 피연산자의 값을 나눔. % 왼쪽..

변수(variable)란?? 데이터(data)를 저장할 수 있는 메모리 공간 의미, 값은 변경 가능 변수의 선언과 초기화 const, let, var 키워드를 사용하여 변수를 선언 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생 선언되지 않은 변수를 초기화할 경우에는 자동으로 선언을 먼저 한 후 초기화를 진행 선언된 변수는 나중에 초기화할 수도 있고, 선언과 동시에 초기화 가능. 쉼표(,) 연산자를 이용하여 여러 변수를 동시에 선언하거나 초기화 가능 var month; // month라는 이름의 변수 선언 date = 25; // date라는 이름의 변수를 예약어 없이 묵시적으로 선언 var date = 25; // 변수의 선언과 동시에 초기화 month = 12; // 변수의 초기화..