JavaScript (12) 썸네일형 리스트형 [번역] prototypes in JavaScript 자바스크립트에서의 프로토타입 소개 자바스크립트는 프로토타입 기반 언어이며, 상속을 통한 프로퍼티, 메서드 조회 및 코드 재사용성을 위해 프로토타입을 사용합니다. 이번 글에서는 프로토타입과 프로토타입 체인, 프로토타입의(을 통한) 상속에 대해 알아보겠습니다. 프로토타입과 프로토타입 체인 자바스크립트에서는 원시타입(numbers, strings, boolean 등)과 참조타입(arrays, object, function) 두가지의 데이터 타입이 있습니다. 원시타입과 참조타입 둘 다 각각 object로 감싸여져있습니다. (Both the primitive and the object types are wrapped by their respective objects.) 숫자는 `Number`로, 문자열은 `String`로, 부울은 `Bool.. 모든 자바스크립트 파일을 브라우저에서 한 번에 로딩 할 때의 문제점과 그 해결([번역]How to load JavaScript properly) 모든 자바스크립트 파일을 브라우저에서 한 번에 로딩 할 때의 문제점이라는 질문에 대한 답을 찾기 전에 한 번에 로딩할 때라는 것은 스크립트 파일을 동기적으로 로드 할 때라는 것을 의미한다고 정하겠습니다. DOM이 구성 되어있지 않은 상태에서 DOM에 접근하는 script를 실행한다면 script는 해당 DOM 요소에 접근 할 수 없습니다. (아래의 코드를 보면 스크립트를 읽는 시점에서는 h1은 아직 존재하지 않기 떄문에 console.log는 null을 출력합니다.) 제목 이를 해결하기 위해서 쉽게 body 태그의 맨 끝에서 script를 불러오면 문제가 없지 않을까라고 생각할 수 있지만 이것이 완전한 해결책이 될수는 없습니다. DOM이 준비가 되어 화면은 사용자에게 이미 보여지고 있는 상황이지만 scr.. 기존 자바스크립트와 ES6의 차이점 및 특징 우선 ECMAScript6 공식 홈페이지는 아래와 같다. ECMAScript 6: New Features: Overview and Comparison Constants Constants Support for constants (also known as "immutable variables"), i.e., variables which cannot be re-assigned new content. Notice: this only makes the variable itself immutable, not its assigned content (for instance, in case the content is es6-features.org 위 페이지를 보면 알겠지만 지금은 우리에게 익숙하고 당연한 것들이 상당히 .. [요약] What the heck is the event loop anyway? 이벤트 루프란 무엇인가? 세줄요약 event loop는 callstack과 task queue를 주시하며 callstack이 비어있다면 task queue의 가장 오래된(첫번째) 메세지를 callstack에 넣어주어서 메세지(콜백함수)가 실행되게 하는 것. event loop에 관하여 깊게 이해하고 싶어서 코드스테이츠에서 제공했었던 동영상을 중심으로 핵심을 뽑아보았다. https://www.youtube.com/watch?v=8aGhZQkoFbQ 자바스크립트는? 싱글 스레드 non-blocking 비동기 동적 언어 (a single-thread non-blocking asynchronous concurrent language) - 콜스택 - 이벤트 루프 - 콜백 큐 - other APIs and stuff V8 에는 콜스택, 이.. 이전 1 2 다음
