새오의 개발 기록

01. 데이터 타입 1. 데이터 타입의 종류 자바스크립트의 데이터 타입은 크게 두 가지로 나뉨 데이터 타입의 종류 기본형 Number String Boolean null undefined Symbol(es6에 추가) 참조형 object Array Function Date RegExp Map, WeakMap Set, WeakSet 데이터 타입의 특징 기본형 할당/연산 시 복제된다. 값이 담긴 주솟값을 바로 복제 불변성(immutability)를 띈다. 참조형 할당/연산 시 참조된다. 값이 담긴 주솟값들로 이루어진 묶음을 가리키는 주솟값을 복제 2. 데이터 타입에 관한 배경 지식 메모리와 데이터 1바이트는 8개의 비트로 구성, 1비트는 0 또는 1의 두 가지 값을 표현 모든 데이터는 바이트 단위의 식별자, ..

호이스팅 코드 실행 전에 변수나 함수의 선언들을 모두 끌어올려서 해당 스코프의 최상단에 끌어올려 선언하는 것. 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 변수의 생성 단계 1. 선언 단계(Declaration Phase) 변수를 변수 객체(Variable Object)에 등록함. 변수 객체는 스코프가 참조하는 대상이 됨. 2. 초기화 단계(Initialization Phase) 변수 객체에 등록된 변수를 위한 공간을 메모리에 확보 이 단계에서 var는 undefined로 초기화 됨 3. 할당 단계(Assignment Phase) var: undefined로 초기화된 변수에 실제 값을 할당함 let, const: 변수에 실제 값을 할당함 호이스팅의 대상 var, let, const를 포함한 ..

오늘은 이벤트 버블링과 캡쳐에 대해 정리해보려고 하는데요. 그 전에 순수 JS를 다뤄본 게 너무 오래 전이라 이벤트 등록 방법 부터 짚어보려고 합니다. JS에서의 이벤트 등록 이벤트 등록은 사용자의 입력을 받기 위한 기능입니다. add one item click me 라는 버튼이 있습니다. var button = document.querySelector('button'); button.addEventListener('click', addItem); function addItem(event) { console.log(event); } 버튼을 클릭하면 addItem 함수가 실행되고 addItem 함수에 event 인자가 넘어옵니다. event 인자를 콘솔에 출력해보면 이벤트와 관련된 정보를 확인할 수 있습니..

ex) 콜백, 프로미스, async await ex) 비동기 처리의 특성 및 에러 처리 방법? 자바스크립트 비동기 처리와 콜백 함수 (중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등 joshua1988.github.io