JavaScript(78)
-
3. 자바스크립트 데이터 타입과 연산자 #6 기본 타입과 표준 메서드
본 글은 인사이드 자바스크립트 도서의 내용을 복습하기 위해 작성된 글입니다. 3.6 기본 타입과 표준 메서드 자바스크립트는 숫자, 문자열, 불린값에 대해 각 타입별로 호출 가능한 표준 메서드를 정의하고 있다. 하지만 기본 타입의 경우는 객체가 아닌데 어떻게 메서드를 호출할 수 있을까? 다음 예제와 같이 기본 타입의 값들에 대해서 객체 형태로 메서드를 호출할 경우, 이들 기본값은 메서드 처리 순간에 개게로 변환된 다음 각 타입별 표준 메서드(다음 예제의 경우 toExponential()이나 chatAt())를 호출하게 되는 것이다. 그리고 메서드 호출이 끝나면서 다시 기본값으로 복귀하게 된다. 기본 타입 변수에서의 메서드 호출 // 숫자 메소드 호출 let num = 0.5; console.log(num...
2021.07.21 -
3. 자바스크립트 데이터 타입과 연산자 #5 배열
본 글은 인사이드 자바스크립트 도서의 내용을 복습하기 위해 작성된 글입니다. 3.5 배열 자바스크립트 배열의 특징 크기를 지정하지 않아도 된다. 각각의 요소의 타입을 동일하게 하지 않아도 된다. 3.5.1 배열 리터럴 배열 리터럴이란? 배열 리터럴은 자바스크립에서 새로운 배열을 만드는 데 사용하는 표기법이다. 겍체 리터럴이 중괄호( { } )를 이용한 표기법이었다면, 배열 리터럴은 대괄호( [] )를 사용한다. 배열 리터럴을 통한 배열 생성 // 배열 리터럴을 통한 5개 원소를 가진 배열 생성 let colorArr = ["orange", 'yellow', 'blue', 'green', 'red']; console.log(colorArr[0]); // orange console.log(colorArr[1..
2021.07.21 -
3. 자바스크립트 데이터 타입과 연산자 #4 프로토타입
본 글은 인사이드 자바스크립 도서의 내용을 복습하기 위하여 작성된 글입니다. 3.4 프로토타입 자바스크립트의 모든 객체는 자신의 부모 역할을 하는 객체와 연결되어 있다. 그리고 이것은 마치 객체지향의 상속 개념과 같이 부모 객체의 프로퍼티를 마치 자신의 것처럼 쓸 수 있는 것 같은 특징이 있다. 자바스크립트에서는 이러한 부모 객체를 프로토타입 객체(짧게는 프로토타입)라고 부른다. 객체 생성 및 출력 let foo = { name : "foo", age : 30 }; // 에러가 발생하지 않고 예제가 실행될수 있는 이유는 // foo 객체의 프로토타입에 toString() 메서드가 이미 정의 // 되어 있고 foo 객체가 상속처럼 toString() 메서드를 호출했기 때문이다. console.log(foo..
2021.07.21 -
3. 자바스크립트 데이터 타입과 연산자 #3 참조 타입의 특성
본 글은 INSIDE JAVASCRIPT 도서의 내용을 복습하기 위해 작성된 글입니다. 3.3 참조 타입의 특성 자바스크립트에서는 기본 타입인 숫자, 문자열, 불린값, null, undefined 5가지를 제외한 모든 값은 객체이다. 배열이나 함수 또한 객체로 취급된다. 그리고 이러한 객체는 자바스크립트에서 참조 타입이라고 부른다. 이것은 객체의 모든 연산이 실제 값이 아닌 참조값으로 처리되기 때문이다. let objA = { val : 40 }; let objB = objA; console.log(objA.val); // 40 console.log(objB.val); // 40 objB.val = 50; console.log(objA.val); // 50 console.log(objB.val); // ..
2021.07.21 -
3. 자바스크립트 데이터 타입과 연산자 #2 자바스크립트 참조 타입(객체 타입)
본 글은 INSIDE 자바스크립트 도서의 내용의 복습을 위하여 작성된 글입니다. 3.2 자바스크립트 참조 타입(객체 타입) 자바스크립트에서 기본 타입을 제외한 모든 값은 객체이다. 즉, 배열, 함수, 정규표현식 등도 자바스크립에서는 객체로 표현한다. 자바스크립트 객체 특징 객체의 구성은 "이름(key) : 값(value)"의 형태로 저장하는 컨테이너이다. 기본 타입은 하나의 값만을 가지는데 비해 객체 타입은 여러개의 프로퍼티(속성)을 가질 수 있다. 객체의 프로퍼티에는 함수도 포함될 수 있다. 객체안의 프로퍼티가 함수인 경우 이것을 메서드라고 부른다. 3.2.1 객체 생성 자바스크립트 객체 생성 방법 기본 제공 Object() 객체 생성자 함수를 이용하는 방법 객체 리터럴을 이용하는 방법 생성자 함수를 ..
2021.07.21 -
3. 자바스크립트 데이터 타입과 연산자 #1 자바스크립트 기본타입
본 글은 INSIDE JavaScript 도서의 내용을 복습하기 위해서 작성된 글입니다. 자바스크립트 데이터 타입 기본 타입 숫자(Number) 문자열(String) 불린값(Boolean) undefined null 참조 타입 객체 배열(Array) 함수(Function) 정규표현식 3.1 자바스크립트 기본 타입 // 숫자 타입 let intNum = 10; let floatNum = 0.1; // 문자열 타입 let singleQuoteStr = 'single quote string'; let doubleQuoteStr = "double quote string"; let singleChar = 'a'; // 불린 타입 let boolVar = true; // undefined 타입 let emptyVa..
2021.07.16