4.1 변수란 무엇인가? 왜 필요한가? 다음 연산을 실행하기 위해 자바스크립트는 아래와 같은 동작을 수행해야 한다. 10 + 20; 코드를 계산(평가, evaluation) 10, 20(리터럴, literal)과 +(연산자, operator) 의미 파악 10 + 20(표현식, expression) 의미 해석(파싱, parsing) ...

3.1 자바스크립트 실행 환경 모든 브라우저와 Node.js는 자바스크립트 엔진 내장 브라우저와 Node.js의 공통점 ECMAScript 실행 가능 브라우저와 Node.js의 차이점 ECMAScript와 더불어 브라우저는 클라이언트 사이드 Web API를 지원 브라우저는 DOM API를 제공하지만 No...

REST란 Representational State Transfer RESTful API를 호출한다면 서버는 요청한 자원에 대한 상태에 대한 표현을 클라이언트에게 전달한다. 상태에 대한 표현은 일반적으로 HTML, XML, JSON 포맷을 가진다. ...

컴퓨터는 어떻게 프로그램과 메모리를 조직적으로 관리할까 서론 컴퓨터 아키텍처: 컴퓨터의 여러 구성요소를 배치하는 방법 멀티태스킹 ⇒ 여러 프로그램 실행(또는 실행하는 것처럼 보이게) ⇒ 프로그램 실행 제어를 위한 감독 프로그램 필요 ⇒ 운영체제(operating system, OS) 기본적인 구조 요소들 가장 흔한 두가지...

2.1 자바스크립트의 탄생 넷프케이트 커뮤니케이션즈 개발 웹페이지의 보조적인 기능을 수행하기 위해 만들어진 브라우저에 동작하는 경량 프로그래밍 언어로 시작 2.2 자바스크립트의 표준화 크로스 브라우징 이슈 마이크로소프트가 개발한, 자바스크립트의 파생 버전 JScript가 자바스크립트와 호환되지 못해서 브라우저에...

1.1 프로그래밍이란? 프로그래밍: 기계가 실행할 수 있는 정확하고 상세한 요구 사항 그 결과물이 코드 Computational thinking: 컴퓨터의 관점에서 문제를 사고 1.2 프로그래밍 언어 프로그래밍 언어: 기계어를 대신하여 사람이 이해할 수 있는 약속된 구문(syntax)로 구성된 언...

컴퓨터 하드웨어는 어떻게 구성되는가 서론 컴퓨터: 전자 부품을 다양하게 조합해 비트를 조작하는 회로 컴퓨터의 구성 메모리 입력과 출력 CPU 메모리 컴퓨터에서 조작할 비트를 저장할 장소 바이트를 저장할 수 있고 주소가 부여되어 있다. 메...

Webpack이란 Webpack은 모던 자바스크립트 애플리케이션을 위한 정적 모듈 번들러이다. 내부적으로 프로젝트에 필요한 모든 모듈을 매핑하고 하나 이상의 번들을 생성하는 의존성 그래프를 만든다. Webpack은 다음과 같은 모듈들을 모두 하나로 모아 자바스크립트 코드에 import할 수 있게 해준다. ES modu...

본 글은 <What is module bundler and how does it work?>을 바탕으로 작성되었다. 모듈 번들러란 모듈 번들러는 자바스크립트 모듈들을 브라우저에서 실행 가능한 하나의 자바스크립트 파일로 묶는 도구이다. 왜 필요한가 브라우저는 모듈 시스템을 지원하지 않는다. 모듈의 의존성을 대신 관리해준...

출처 출처(origin)는 접근할 때 사용하는 URL의 스킴(프로토콜, 호스트(도메인), 포트로 정의 두 객체의 스킴, 호스트, 포트가 모두 일치하는 경우 같은 출처를 가졌다고 한다. 동일 출처 예시 스킴과 호스트 일치 http://example.com/app1/index.html ...