본문 바로가기

자바스크립트4

23. 객체(Object), 배열(Array) for-in 탐색하기 자바스크립트는 객체(object)기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 “모든 것”은 객체이다. 기본자료형(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이다. 객체는 데이터와 그 데이터에 관련되는 동작(절차, 방법, 기능)을 모두 포함할 수 있는 개념적 존재이다. 달리 말해, 이름(키)과 값으로 구성된 데이터를 의미하는 프로퍼티(property)와 동작을 나타내는 메소드(method)로 구성된 집합이며 배열과는 달리 구성 요소들의 순서를 보장하지 않는다. 자바스크립트의 객체는 객체지향의 상속을 구현하기 위해 “프로토타입”이라고 불리는 객체의 프로퍼티와 메소드를 상속받을 수 있다. 이 프로토타입은 타 언어와 구별되는 중요한 개념이다. for–in 문.. 2018. 7. 20.
22. 자바스크립트 배열 자바스크립트 배열 배열(array)는 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다.자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다.배열을 생성하는 방법이다. var a = []; var a = [1,2,3,"hello", null, true, []]; // 배열 안에는 모든 타입이 다 들어갈 수 있다. 함수도 배열 안에 배열도, 배열 안에 객체도 들어갈 수 있음.>>Array(7) [1, 2, 3, "hello", null, true, Array(0)] var a = { '0' : 1, '1':2, '2':3, '3':'hello', '4':null, '5':true, '6':[] }; // 리터럴 타입. 키와 밸류로 구성된다.>>Object {0: 1, 1: 2, 2:.. 2018. 7. 19.
13. DOM, Query Selector DOM(Document Object Model)브라우저는 웹 문서(HTML, XML, SVG)를 로드한 후, 파싱하여 DOM(Document Object Model)이라는 객체형태의 모델로 저장합니다. 그렇게 저장된 정보를 DOM Tree라고 합니다. 복잡한 DOM Tree를 탐색하기 위해 JavaScript로 탐색알고리즘을 구현하면 너무 힘듭니다.그래서 브라우저에서는 DOM(document object model)이라는 개념을 통해서, 다양한 DOM API(함수 묶음정도)를 제공하고 있습니다.브라우저는 DOM Tree를 찾고 조작하는 걸 쉽게 도와주는 여러가지 메서드를(DOM API)를 제공합니다. 1. 하나의 요소 선택document.getElementById(id)document.querySelec.. 2018. 7. 4.
12. 자바스크립트는 어떻게 작동하는가 How JavaScript Works 자바스크립트 엔진 중 유명한 것이 구글의 V8엔진입니다. V8엔진은 크롬과 노드 js에서 사용됩니다. V8엔진은 크게 두 부분으로 구성됩니다.메모리힙(Memory Heap): 메모리할당이 이루어지는 곳입니다.콜스택(Call Stack): 코드가 실행 되면서 스택 프레임이 쌓이는 곳입니다. 자바스크립트의 엔진이 중요하긴 하지만 엔진 만으로 모든 것이 이루어지는 것은 아닙니다. 브라우저가 제공하는 웹 API라는 것도 있어서 DOM, AJAX, setTimeout등이 여기에 포함됩니다. 또한 이벤트루프와 콜백큐도 자기 역할을 하고 있습니다. 콜스택 자바스크립트는 싱글 스레드(single-threaded) 프로그래밍 언어입니다. 다시 말하면 콜스택이 하나라는 뜻입니다. 따라.. 2018. 7. 4.

티스토리툴바