모던자바스크립트 Deep Dive

기본 개념을 알아야 문맥에 맞는 정확한 용어를 구사할 수 있다. 그리고 문맥에 맞는 정확한 용어를 구사할 수 있어야 명확한 의사소통이 가능해진다.동작 원리의 이해는 코드의 동작을 예측 가능하게 하며 코드 독해의 원천이다. 코드를 구현하려면 당연히 자신이 작성하려는 코드

프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 그러므로 먼저 무엇을 실행하고 싶은지를 정의할 필요가 있다.컴퓨터에게 무엇을 실행하고 싶은지 전달하려면 컴퓨터의 입장에서 문제를 바라봐야 한다. 이것을 컴퓨팅 사고(Computational Thinkin

자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위해 개발된 프로그래밍 언어다. 초기에는 브라우저에서만 동작하는 것을 전제로 개발되었으나 현재는 그 사용 범위가 확장되었다.자바스크립트가 개발된 이후 마이크로소프트에서는 익스플로러 3.0에 자바스크립트의 파생버전인 JS

모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 엔진을 내장하고 있다. 또한 런타입 환경인 Node.js도 JS 엔진을 내장하고 있다. 그러므로 기본적으로 브라우저에서 동작하는 자바스크립트 코드는 Node.js에서도 동일하게 동작한다.하지만 Node.js는 브라

브라우저에서 동작하는 간단한 어플리케이션은 브라우저에서만 사용해도 괜찮지만 프로젝트의 규모가 커지면 이야기가 달라질 수 있다. React, Angular, Lodash와 같은 프레임워크를 사용하려면 Node.js를 먼저 설치해야 한다.그렇다면 왜 현대적인 프레임워크와

코드 에디터는 개발자가 사용해야 할 필수적인 개발 도구다. 그럼 코드 에디터는 어떤 기능을 제공할까?코드 에디터에서 제공하는 기능은 다음과 같다.문법 강조(Syntax Highlighting): 코드의 각 요소를 다양한 색상으로 구분하여 표시함자동 완성: 코드 작성 시

모든 어플리케이션은 데이터를 다룬다. 그리고 이 데이터를 다룰 때 변수는 임시 저장소 역할을 한다.컴퓨터는 데이터를 저장할 때 메모리라는 저장 공간을 사용한다. 메모리는 마치 우편함이 늘어선 것처럼 수많은 작은 저장 공간들로 이루어져 있는데, 이 각각의 저장 공간을 메

개념 설명평가(Evaluate): 식을 해석해서 값을 생성하거나 참조하는 것을 말한다.표현식(Expression): 하나의 값으로 평가되는 코드 단위를 말한다.값(Value): 표현식이 평가되어 생성된 결과를 말한다.문(Statement): 컴퓨터에게 특정 동작을 실행

자바스크립트의 모든 값은 데이터 타입을 가진다. ES6 기준으로 총 7개의 데이터 타입이 존재한다.▣ ES6 기준 7개의 데이터 타입 • 원시 타입 (6개): String, Number, Boolean, null, undefined, Symbol • 객체 타입 (1개

연산자는 하나 이상의 표현식을 평가해서 하나의 값으로 만드는 동작을 수행한다.피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 반환한다. 우항의 표현식 평과 결과를 좌항에 있는 변수에 할당한다.좌항과 우항의 피연산자를 비교한 다음 그 결과를 불리언 값으로 반환

제어문은 코드 실행 흐름을 조건부 실행 또는 반복 실행으로 제어합니다. 기본적인 코드 실행 순서(위→아래)를 변경해 복잡한 로직을 구현할 수 있다.중괄호({})로 묶인 코드 묶음으로, 하나의 실행 단위로 취급된다.단독 사용 가능하지만 제어문/함수 선언문과 함께 주로 사

명시적 타입 변환(Explicit Coercion): 개발자가 의도적으로 타입을 변환하는 것암묵적 타입 변환(Implicit Coarction): 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 타입이 자동으로 변환되는 것타입 변환은 주로 원시값 간에 발생하지만, 객

객체는 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료 구조이다.자바스크립트에서 원시 값을 제외한 나머지 값은 모두 객체다. 객체 타입의 값은 변경이 불가능하지만 객체는 변경이 가능하다.객체는 0개 이상의 프로퍼티로 구성되어 있으며, 프로퍼티는 키와 값으로 구성

자바스크립트의 데이터 타입은 크게 원시 값(primitive type)과 객체(object/reference type)로 구분할 수 있다.원시 값: 변경 불가능한 값, 변수에 실제 값이 저장된다. 복사될 때 값 자체가 복사되어 완전히 독립적인 새 변수가 생성된다.객체:

프로그래밍의 함수는 수학에서의 함수와 그 뜻이 동일하다. 입력값(input)을 받아 출력값(output)을 내보내는 일련의 과정을 함수하고 한다.함수는 함수 정의(function defination)를 통해 생성되고 함수 호출(function call/invoke)을

자바스크립트에서 스코프는 변수와 함수의 유효 범위를 결정하는 핵심 메커니즘이다. 코드에서 특정 식별자(변수/함수명)가 어디서 참조 가능한지를 정의하며, 메모리 관리와 코드 구조화에 중요한 역할을 한다.스코프는 변수가 선언된 위치에 따라 접근 가능한 범위를 결정하는 규칙

전역 변수는 프로그램이 시작되는 순간 메모리에 할당되며, 애플리케이션이 종료될 때까지 존재한다. 이는 브라우저 환경에서 페이지를 닫거나 서버 프로세스가 종료되기 전까지 지속적으로 메모리를 점유함을 의미한다. 반면 지역 변수는 함수 호출 시 생성되어 실행 컨텍스트가 종료

내부 슬롯: 자바스크립트 엔진이 객체의 내부 상태를 관리하기 위해 사용하는 숨겨진 저장 공간 \- 예시: Prototype(프로토타입 체인 관리), ArrayData\`(배열 요소 저장) 내부 메소드: 자바스크립트 엔진이 객체의 기본 동작을 구현하기 위해 내부적으로