누가봐도 인생 1회차의 기록장

개발공부/JavaScript 책 45

인사이드 자바스크립트 #05 (연산자)

연산자 + 연산자 더하기 연산과 문자열 연결 연산을 수행한다. typeof 연산자 피연산자의 타입을 문자열 형태로 리턴한다. 여기서 null과 배열이 'object'라는 점, 함수는 'function' 이라는 점에 유의해야 한다. 숫자 'number' 문자열 'string' 불린값 'boolean' null 'object' undefined 'undefined' 객체 'object' 배열 'object' 함수 'function' == (동등) 연산자와 ===(일치)연산자 자바스크립트에서는 두 값이 동일한지를 확인하는 데 두 연산자를 모두 사용할 수 있다. == 연산자는 비교하려는 피연산자의 타입이 다를 경우에 타입 변환을 거친 다음에 비교한다. === 연산자는 피연산자의 타입이 다를 경우에 타입을 변경하..

인사이드 자바스크립트 #04 (배열)

배열 자바스크립트 객체의 특별한 형태. 배열 리터럴 자바스크립트에서 새로운 배열을 만드는 데 사용하는 표기법이다. 대괄호 ([ ]) 를 사용한다. 객체 리터럴과 달리 각 요소의 값만을 포함한다. 대괄호 내에 접근하고자 하는 원소의 배열 내 위치 인덱스값을 넣어서 접근한다. ※ 배열 내의 첫번째 원소는 인덱스 0 부터 시작한다. 배열의 요소 생성 객체와 같이 배열의 원소도 동적으로 추가할 수 있다. 특히, 자바스크립트 배열의 경우는 값을 순차적으로 넣을 필요 없이 아무 인덱스 위치에나 값을 동적으로 추가할 수 있다. 배열의 요소는 숫자나 문자열 같은 기본 타입의 값들을 포함해서 객체나 함수, 배열 등과 같이 자바스크립트의 모든 데이터 타입을 포함할 수 있다. 자바스크립트는 배열의 크기를 현재 배열의 인덱스..

인사이드 자바스크립트 #03 (객체, 프로토타입)

자바스크립트 참조 타입(객체 타입) 자바스크립트에서 숫자, 문자열, 불린값, null, undefined 같은 기본 타입을 제외한 모든 값은 객체다. 따라서 배열, 함수, 정규표현식 등도 모두 결국 자바스크립트 객체로 표현된다. 자바스크립트에서 객체는 단순히 '이름(key):값(value)' 형태의 프로퍼티들을 저장하는 컨테이너로서, 컴퓨터 과학 분야에서 해시Hash라는 자료구조와 상당히 유사하다. 기본타입은 하나의 값만을 가지는데 비해, 참조 타입인 객체는 여러개의 프로퍼티들을 포함할 수 있으며, 이러한 객체의 프로퍼티는 기본 타입의 값을 포함하거나 다른 객체를 가리킬 수 도 있다. 이러한 프로퍼티의 성질에 따라 객체의 프로퍼티는 함수로 포함할 수 있으며, 자바스크립트에서는 이러한 프로퍼티를 메서드라고..

인사이드 자바스크립트 #02 (데이터타입)

기본타입 숫자, 문자열 불린값 null, undefined 자바스크립트는 느슨한 타입 체크 언어이기 때문에 변수를 선언할 때 타입을 미리 정하지 않고, var 라는 한가지 키워드로만 변수를 선언한다. 이렇게 선언된 변수에는 어떤 타입의 데이터라도 저장하는 것이 가능하다. 따라서 자바스크립트는 변수에 어떤 형태의 데이터를 저장하느냐에 따라 해당 변수의 타입이 결정된다. 숫자 자바스크립트는 모든 숫자를 64비트 부동 소수점 형태로 저장하기 때문에 하나의 숫자형만 존재한다. 자바스크립트에서는 정수형이 따로 없고, 모든 숫자를 실수로 처리하므로 나눗셈 연산을 할 때는 주의해야 한다. 문자열 문자열은 작은 따옴표(' ')나 큰 따옴표 (" ")로 생성한다. 주의해야 할 점은 한 번 정의된 문자열은 변하지 않는다는..

인사이드 자바스크립트 공부시작! #01 (핵심개념)

자바스크립트 웹 브라우저에서 동작하는 스크립트 언어 DOM Document Object Model 자바스크립트의 핵심 개념 객체 자바스크립트의 거의 모든 것은 객체 제외 - 기본 데이터 타입 : boolean, number, string, 특별한 값 : null, undefined 기본 데이터 타입은 모두 객체처럼 다룰 수도 있다 함수 함수도 객체로 취급한다( 일급객체 First class object) 프로토타입 모든 객체는 숨겨진 링크(Link)인 프로토타입(Prototype)을 가진다 실행 컨텍스트와 클로저 자신만의 독특한 과정으로 실행 컨텍스트를 만들고 그 안에서 실행이 이루어진다 이 실행 컨텍스트는 자신만의 유효 범위(Scope)를 갖는데, 이 과정에서 클로저를 구현할 수 있다 자바스크립트의 단..