모던 자바스크립트 deep dive

자바스크립트로만 페이지를 만드는 방법을 잘 모른다이번에 프로그래머스에서 하는 "프론트엔드 Dev-Matching"에 참여했다. 과제 형태로 문제가 나왔는데 바닐라 자바스크립트를 이용하는 형태였다. 리액트로만 과제를 한지 몇 개월이 지난 상태라 그런지 모르겠지만, DOM

자바스크립트는 웬만해서 에러 없이 실행된다. 자바스크립트 엔진 내부에서 암묵적으로 처리해주는 기능도 많고, 작은 실수는 알아서 대응해주기도 한다. 하지만 이게 항상 좋은 것은 아니다. 명시적이지 않기 때문에 내부 동작을 이해하기 어렵기도 하다. 이런 이유는 자바스크립트

컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션기계가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업결과물이 코드다요구사항의 집합을 분석해서 적절한 자료구조와 함수의 집합으로 변환한 후, 그 흐름을 제어하는 것요구사항 (해결해야 할 문제)를 명확히 이해

출처 https://www.youtube.com/watch?v=8aGhZQkoFbQ&t=189s what is JS? heap: where you stash the memory webAPIs: ex. DOM, ajax, setTimeout callstack one

모든 애플리케이션은 데이터 입력을 받고 결과를 출력한다변수는 데이터를 관리하기 위한 핵심 개념이다 변수하나의 값을 저장하기 위해 확보한 메모리 공간 또는 그 공간을 식별하기 위해 붙인 이름값의 위치를 가리키는 상징적인 이름 프로그래밍 언어의 컴파일로 또는 인터프리터에

개념을 이해한다는 것은 바로 용어를 정확히 이해하고 설명할 수 있다는 것 값 : 식이 평가되어 생성된 결과 cf. 평가 : 식을 해석해서 (1)값을 생성하거나 (2)참조하는 것을 의미 ex. 10 + 20 //평가되어 숫자 값 30을 생성한다 모든 값은 데이터 타입을

데이터 타입이란? 값의 종류 자바스크립트의 모든 값은 데이터 타입을 갖는다 자바스크립트는 7개의 데이터 타입 \- 원시 타입 : 숫자, 문자열, 불리언, undefined, null, 심벌 객체 타입 : 객체, 함수, 배열 등 '1'(문자열)과 1(숫자)은 생성

연산자 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행피연산자를 대상으로 계산해서 하나의 값을 만든다피연산자 연산의 대상 : 피연산자값으로 평가될 수 있는 표현식표현식 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평

제어문의 종류블록문조건문 : 조건에 따라 코드 불록을 실행할 때 사용반복문 : 반복 실행할 때 사용제어문 사용 이유 :일반적으로 위에서 아래로 흐르는 코드의 실행 흐름을 인위적으로 제어할 수 있다 제어문의 단점: 코드의 실행 순서가 변경된다는 것은 단순히 위에서 아래로

자바스크립트의 모든 값은 타입이 있다 개발자의 의도에 따라 다른 타입으로 변환할 수 있다 타입 변환 : 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것 기존 변수 값을 재할당하여 변경하는 것이 아니다. JS엔진은 표현식을 에러 없이 평가하기 위해 피연

자바스크립트는 객체 기반의 프로그래밍 언어 구성하는 거의 모든 것이 객체 : 원시 값 제외 나머지 값 모두ex. 함수, 배열, 정규 표현식 등 원시 타입 vs 객체 타입원시 타입 \- 단 하나의 값변경 불가능객체 타입 \- 다양한 타입의 값(원시 값 또는 다른

자바스크립트에서 가장 중요한 핵심 개념 객체 타입의 값으로 이름(식별자)를 붙일 수 있다 : 본인의 역할을 잘 설명할 수 있는 이름 코드의 가독성관련 개념: 스코프, 실행 컨텍스트, 클로저, 생성자 함수에 의한 객체 생성, 메서드, this, 프로토타입, 모듈화 등 함

유효범위 var, let, const와 유관 변수 그리고 함수와 깊은 관련 ex. 함수의 매개변수함수 몸체 내부에서만 참조 가능외부에서는 참조할 수 없다 매개변수의 스코프가 함수 몸체 내부로 한정되기 때문 ex. 변수자신이 선언된 위치에 의해 다른 코드가 식별자 자신을

변수변수 : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 / 메모리 공간 식별 이름선언된 위치에서 선언에 의해 생성 할당을 통해 값을 갖는다 소멸 생명주기 : 생성 - 값 - 소멸 변수의 생명주기 : 메모리 공간 확보된 시점부터 메모리 공간이 해제되어 가용 메모

ES5 이전까지 var 사용 특징 변수 중복 선언 허용함수 레벨 스코프 변수 호이스팅초기화문이 있는 변수 선언문 : 자바스크립트 엔진에 의해 var 키워드가 없는 것처럼 동작한다 초기화문이 없는 변수 선언문 : 무시된다 의도치 않게 먼저 선언된 변수 값이 변경되는 부작

https://www.mobiinside.co.kr/2021/06/07/developer-certificate/내부 슬롯과 내부 메서드란? 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드 (\

객체 생성 방법 1\. 객체 리터럴2\. 생성자 함수 ...new 연산자 + Object 생성자 함수 //빈 객체 생성하여 반환//생성 후 프로퍼티 또는 메서드 추가하여 객체 완성 생성자 함수new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수 인스턴스 생성자

1. 일급 객체 > 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다 변수나 자료구조(객체, 배열 등)에 저장할 수 있다 함수의 매개변수에 전달할 수 있다 함수의 반환값으로 사용할 수 있다 ex. 자바스크립트의 함수 2. 함수 객체의 프로퍼티 1