Study Record

클래스 정의하기 - class 명령ES2015 에서는 객체지향 구문이 크게 달라졌다. class 명령이 도입되었다. class 명령으로 정의된 클래스는 내부적으로는 함수이다. 자바스크립트에서 말하는 클래스가 도입된 것이 아닌 알기 쉽게 표현하기 위해서 class 명령만 도입되었다는 것에 가깝다. class 명령은 프로토타입 기반의 객체지향 구문을 간결하게 만드는 간편 표기법이라고도 할 수 있다. 메소드도 직접적으로 정의하는 표현법이 생겼다. class 블록 구문 하에서 메소드를 '이름(args, ...) {}' 구문으로 정의하는 것이 가능하다.class Member { // 생성자 constructor(name, age) { this.name = name; this.a..

ES2015 이전의 객체지향자바스크립트는 인스턴스화 및 인스턴스라는 개념이 존재하나 이른바 클래스가 없고, 프로토타입이 존재했다. 프로토타입이란 어떤 객체의 원본이 되는 객체로 자바스크립트에서는 이것을 이용하여 새로운 객체를 생성한다. 따라서 JavaScript 의 객체지향은 프로토타입 베이스의 객체지향이라고 불린다.  가장 간단한 클래스 정의하기자바스크립트의 세계에서는 엄미한 의미의 클래스가 존재하지 않기 때문에 함수(Function 객체)에 클래스의 역할을 부여한다. 간단한 클래스의 정의는 다음과 같다. 일반 함수와 구분하기 위해 첫글자를 대문자로 기술하는 것이 일반적이다.var Member = function() {}; new 연산자로 인스턴스화가 가능하다.var Member = function()..

변수의 처리 순서 - 스코프 체인자바스크립에서 스크립트 실행 시 내부적으로 글로벌 객체를 생성한다. 글로벌 객체는 글로벌 변수나 글로벌 함수를 관리하기 위한 편의적인 객체로 글로벌 변수나 글로벌 함수는 글로벌 객체의 프로퍼나 메소드이다. 로켈 변수도 Activation 객체(통칭 Call 객체)의 프로퍼티이다. Call 객체는 함수 호출이 있을 때마다 내부적으로 자동 생성되는 객체이다. 변수를 처리하는 과정에 관여하는 것이 스코프 체인이다. 스코프 체인이란 글로벌 객체, Call 객체를 생성 순서대로 연결하 리스트를 말한다. var y = 'GLoBal';function outfunc() { var y = "LINNER"; function innerFunc() { var z = "..

ES2015 인수 표기법   인수의 디폴트 값인수의 디폴트값을 선언하려면, '가인수 = 디폴트값'의 형식으로 가인수를 선언할 수 있다. function plusF(a = 3, b = 8) { console.log(a+b);}plusF(); // 11 + 디폴트값 사용시 주의사항이 있다. ① null 값이 인수로 넘어왔을 때 디폴트값으로 대체되지 않는다. null 이 그대로 사용된다.function plusF(a = 3, b = 8) { console.log(a+b);}plusF(null, null); // 0 ② undefined(미정의) 값은 디폴트 값으로 대체된다.function plusF(a = 3, b = 8) { console.log(a+b);}plusF(2, ..

함수란?함수란 주어진 입력에 근거하여 어떤 처리를 실시한 뒤 결과를 돌려주는 구조를 함수라고 한다. 애플리케이션 개발자가 스스로 함수를 정의하는 사용자 정의 함수를 정의하는 방법에는 크게 4가지가 있다.    function 명령으로 정의하기 function 함수명(인수, ...) { ... 함수 안에서 실행되는 임의의 처리... return 반환값;} 인수는 함수의 동작을 결정하기 위한 파라미터다. 이 파라미터는 호출원으로부터 지정된 값을 받아들이기 위한 변수를 콤마 단락으로 지정한다. 인수를 받기 위한 변수를 가인수라고 하며 함수 내부에서만 참조 가능하다. 인수와 구별하는 의미로 호출 측의 인수를 실인수라고 부른다. 반환값은 없으면 생략해도 무방하다. return 명령어까지도 생략해도 된다..

Object 객체Object 객체는 모든 객체의 기본 객체라고 할 수 있다. Object 객체는 다른 객체에 대하여 객체의 공통적인 성질/기능을 제공한다. 내장형 객체는 물론 모든 객체에서 Object  객체의 기능을 사용할 수 있다. 예외적으로 Object.create 메소드를 사용하면 Object 객체의 기능을 상속받지 않는 객체를 만들 수 있다.   객체를 기본형으로 변환하기toString 과 valueOf 메소드는 각각의 객체의 내용을 기본형의 값으로 변환한다. toString() 은 문자열을 반환하고 valueOf() 는 문자열 이외의 값이 반환되는 것을 기대하며 사용한다. var obj = new Object();console.log(obj.toString()); // [object ob..

정규표현으로 문자 조작하기정규표현으로 나타낸 문자열 패턴을 정규 표현 패턴이라고 한다.  ㉮ 기본 패턴패턴매칭하는 문자열ABC문자열 'ABC'[ABCD]A, B, C, D 중 한 개의 문자[^ABCD]A, B, C, D 이외의 한 개의 문자[A-Z]A~Z 사이의 한 문자A|B|CA, B, C 중 어떤 것 ㉯ 수량 지정패턴매칭하는 문자열X*X 가 0개 이상이어야 함 (ex. 'ffe*' 일 경우 'ff' , 'ffe', 'ffe' 등으로 매칭 가능)X?X 가 0개 또는 1개여야 함 (ex. 'avb?' 일 경우 'avb' 'av' 매칭 가능)X+X 가 1개 이상이여야 함 (ex. 'ffe+' 일 경우 'ffe', 'ffeee' 등으로 매칭 가능)X{n}X 가 n 개 있어야 함 (ex. 'ab{3}' 일 경..

Date 객체자바스크립트에서 date 형은 표준 데이터형으로 존재하지 않는다. 내장형 객체 Date 형을 사용하면 날짜를 표현하고 조작할 수 있다.   Date 객체 생성하기Date 객체는 문자열이나 배열 등과 같이 리터럴 표현이 존재하지 않으므로 객체의 생성에 반드시 생성자를 경유해야 한다. Date 객체 생성 방법은 다음과 같이 4가지가 있다.var d = new Date();var d2 = new Date('2025/03/13 15:30:24');// Date(년, 월(0~11), 일, 시, 분, 초, 밀리초(생략가능))var d3 = new Date(2025, 2, 13, 15, 30, 24);// 타임스탬프값var d4 = new Date(1480849635500);   Data 객체 기본적인 ..