Language

코어 자바스크립트 스터디 회고

📚 책을 선택하게 된 배경 코드 스쿼드 마스터즈 코스를 시작하기 3주 정도 남은 상황이었는데, 어떻게 시간을 보내는게 좋을까 생각을 하다가 내가 주력으로 사용할 언어인 자바스크립트의 핵심적인 부분들을 더 공부하면 좋겠다는 생각을 하게 됐다. 그런데 본 과정에 들어가기에 혼자 막연하게 인터넷 강의를 정주행하거나 집에 있는 모던 자바스크립트 딥다이브를 보기에는 시간이 부족할 것 같았다. 그래서 짧은 기간동안 자바스크립트의 주요한 내용을 다룰 수 있는 책이 무엇이 있을까 찾아보던 중에 코어 자바스크립트가 기본 문법부터 설명하는게 아니라 정말 코어한 부분에 대한 내용(실행 컨텍스트, 콜백, 클로저, 프로토타입 등)을 위주로 다루고 있어서 바로 이 책으로 결정하고 구매하게 됐다. 👥 스터디 편성 처음에는 코코아 ..

var, let, const

var, let, const 1. var 키워드의 특징 및 문제점 1-1. 변수 재선언 및 재할당 허용 var x = 1; var y = 1; // var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언을 허용 var x = 100; // 초기화문(값 할당)이 있는 변수 선언문 var y; // 초기화문(값 할당)이 없는 변수 선언문 console.log(x); // 100 console.log(y); // 1 var 키워드로 선언한 변수를 중복 선언하면 초기화하는 구문의 유무에 따라 동작이 다르다. 초기화 문이 있는 경우 : 자바스크립트 엔진이 이전 var 키워드가 없는 것처럼 동작 초기화 문이 없는 경우 : 해당 변수 선언문을 무시 (에러는 발생하지 않음) ❗️문제점 : 동일한 이름의 변수가 이..

Hoisting 요약

Hoisting | 호이스팅 변수, 함수의 선언부가 현재 위치한 인접 스코프 내의 시작 지점에서 해당 식별자의 관측이 가능한 자바스크립트 엔진의 컴파일 전처리 과정 중 일부다. 자바스크립트 코드는 실행(런타임)하기 전에 메모리에 실행할 특정 데이터(선언문)를 저장하는데, 이것은 인터프리터 언어의 단점인 컴파일 속도가 느린 단점을 보완하기 위한 과정으로 자바스크립트에서만 가지고 있는 특징 중 하나에 속한다. 이렇게 데이터가 스코프의 맨 위로 올라가는 만큼 변수의 라이프 사이클, 즉 생성과 초기화, 할당 등에 있어서 동작하는 방식(규칙)이 저마다 다르다. 📋 요약 1. 변수 호이스팅 ( var, let, const ) 생성된 식별자는 undefined로 초기화 var - 선언과 초기화 단계가 한 번에 수행 ..

API와 브라우저의 객체 구조

UI (User Interface) UI라는 용어는 개발을 공부하지 않더라도 한 번쯤은 접해볼 용어라고 생각한다. 넓은 의미가 아닌 컴퓨터 과학 분야에 한정한 의미로 생각했을 때, 사람과 컴퓨터 사이에서 일어나는 일을 통해 그 컴퓨터가 내부적으로 어떤 동작을 수행하고 있는지는 알 수 없지만 컴퓨터를 통해 하고자 하는 기능을 수행할 수 있다. UI는 이 내부적으로 수행하는 동작을 컴퓨터과 사람 사이에서 소통할 수 있도록 도와주는 매개체라고 보면 된다. 예를들어 우리가 음료 자판기를 통해 음료를 마시려고 할 때, 자판기가 내부적으로 어떻게 동작해서 동전을 받고 음료를 제공하는지 모르더라도 자판기의 표면에서 제공되는 동전 투입구와 메뉴 선택 버튼을 통해 원하는 기능을 이용할 수 있는 것과 같다. API (Ap..