이전글 https://yonghwankim-dev.tistory.com/161 5. 실행 컨텍스트와 클로저 #1 실행 컨텍스트 개념 이전글 https://yonghwankim-dev.tistory.com/159 4. 함수와 프로토타입 체이닝 #5 프로토타입 체이닝 이전글 https://yonghwankim-dev.tistory.com/158 4. 함수와 프로토타입 체이닝 #4 함수 호출과 this 이전글.. yonghwankim-dev.tistory.com 본 글은 INSIDE JAVASCRIPT 도서의 내용을 복습하기 위해 작성된 글입니다. 요약 및 정리 실행 컨텍스트(Execution Context) 생성 과정 변수 객체 생성 : 자바스크립트 엔진은 해당 컨텍스트에서 실행에 필요한 여러 가지 정보를 ..

이전글 https://yonghwankim-dev.tistory.com/159 4. 함수와 프로토타입 체이닝 #5 프로토타입 체이닝 이전글 https://yonghwankim-dev.tistory.com/158 4. 함수와 프로토타입 체이닝 #4 함수 호출과 this 이전글 https://yonghwankim-dev.tistory.com/70?category=962746 4. 함수와 프로토타입 체이닝 #3 함수의 다.. yonghwankim-dev.tistory.com 본 글은 INSIDE JAVASCRIPT 도서의 내용을 복습하기 위해 작성된 글입니다. 5장 목차 실행 컨텍스트(Execution context)의 개념 활성 객체(Activation object)와 변수 객체(Variable object..

본 글은 INSIDE JAVASCRIPT 도서의 내용을 복습하기 위해서 작성된 글입니다. 요약 및 정리 1. 소개 자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어 서버에서 담당하던 역할들이 상당 부분 웹 브라우저로 이동, 자바스크립트는 이 변화의 중심에 서게됨 jQuery의 등장으로 보다 쉽게 DOM(Document Object Model)을 핸들링 수행 Node.js의 등장으로 자바스크립을 이용한 서버 개발 활성화 2. 자바스크립트 활용 범위 웹 개발 서버 개발 애플리케이션 개발 3. 자바스크립트의 핵심 개념 객체 자바스크립트에서 기본 데이터 타입(boolean, number, string, null, undefined)을 제외한 타입은 객체 하지만 기본 데이터 타입조차도 객체처럼 다룰 수 있음 ..

이전글 https://yonghwankim-dev.tistory.com/158 4. 함수와 프로토타입 체이닝 #4 함수 호출과 this 이전글 https://yonghwankim-dev.tistory.com/70?category=962746 4. 함수와 프로토타입 체이닝 #3 함수의 다양한 형태 본 글은 인사이드 자바스크립트 도서의 내용을 복습하기 위해 작성된 글입니다. 4.3 함수의.. yonghwankim-dev.tistory.com 본 글은 INSIDE JAVASCRIPT 도서의 내용을 복습하기 위해 작성된 글입니다. 요약 및 정리 1. 프로토타입의 두 가지 의미 func1.prototype : 함수 객체의 입장에서 자신(func1)과 연결된 프로토타입 객체(func1.prototype 객체)를 가..

이전글 https://yonghwankim-dev.tistory.com/70?category=962746 4. 함수와 프로토타입 체이닝 #3 함수의 다양한 형태 본 글은 인사이드 자바스크립트 도서의 내용을 복습하기 위해 작성된 글입니다. 4.3 함수의 다양한 형태 콜백 함수(CallBack Function) 즉시 실행 함수(Immediate Function) 내부 함수(Inner Function) 함수를 리. yonghwankim-dev.tistory.com 본 글은 INSIDE JAVASCRIPT 도서의 내용을 복습하기 위해 작성된 글입니다. 요약 정리 1. arguments 객체 arguments 객체는 함수를 호출할 때 넘긴 인자들이 배열 형태로 저장된 객체. 단, arguments 객체는 유사 배..

1. React 엘리먼트란 무엇인가? JSX 문법으로 작성한 표현식을 Babel이 React.createElement() 함수 호출로 컴파일하여 나온 객체를 React 엘리먼트라고 합니다. 아래의 두 코드는 동일한 코드입니다. const element = ( Hello, world! ); const element = React.createElement( 'h1', {className: 'greeting'}, 'Hello, world!' ); React.createElement() 함수 호출로 나온 객체는 아래와 같습니다. // 주의: 다음 구조는 단순화되었습니다 const element = { type: 'h1', props: { className: 'greeting', children: 'Hello, ..