Lighthouse of FE beginner

모던 자바스크립트 Deep Dive 스터디 2회차자바스크립트 스터디를 진행하며 해당 회차에 공부했던 내용을 직접 그림을 그리고 코드를 실행하며 저의 글로 작성합니다.변수변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 말한다. 변수는 프로그래밍 언어에서 값을 저장하고 참조하는 메커니즘으로 값의 위치를 가리키는 상징적인 이름이다. 식별자변수의 이름을 식별자라고 한다. 식별자는 특정 값을 구분할 수 있도록 구유해야 한다. 식별자는 값이 저장된 메모리 주소와 1대1 매핑 관계를 맺으며 이 매핑 관계 또한 메모리에 저장되어 있다. 즉 식별자는 메모리에 올라가 있는 값을 가지고 있는 것이 아닌 해당 메모리의 주소 값을 가지고 있는 것 이다. 변수의 선언v..

모던 자바스크립트 Deep Dive 스터디 4회차자바스크립트 스터디를 진행하며 해당 회차에 공부했던 내용을 직접 그림을 그리고 코드를 실행하며 저의 글로 작성합니다.프로그래밍프로그래밍이란 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션이다. 일반적으로 개발자가 사용하는 프로그래밍 언어는 고수준 언어이다. 인간이 컴퓨터에게 명령을 내리기 가장 좋은 형태로 추상화된 언어이며 개발자가 고수준의 언어로 작성한 코드는 컴파일러 혹은 인터프리터에 의해 컴퓨터가 알기 쉬운 언어인 기계어로 번역된다.컴파일러와 인터프리터의 동작하는 방식은 다르다. 프로그래밍을 하는데 있어서 언어의 문법을 지키는 것은 당연한 일이다. 하지만 문법을 지키는 것 만큼 중요한 일이 있는데, 그것은 반드시 코드에는 의미가 담겨야 한다는 것 이다...

Overview프론트엔드에서 프로젝트를 진행하다보면 반복되는 문자열 형식의 값이 존재합니다.보통 반복되는 값은 다음과 같은 경우입니다. 1. 반복되는 문구로 사용자에게 노출할 텍스트2. 서버와 약속을 해 프로젝트 자체에서 사용하는 텍스트3. 프론트엔드 프로젝트에서만 사용하는 상수 값 2번의 경우 보통 코드라는 단어로 부르게 되고, 3번의 경우 프로젝트에서 상수라고 부르게 됩니다. 반복되는 값, 리터럴반복 되는 값은 리터럴 그 자체를 매번 사용하는 것이 아닌 특정 변수에 담아서 사용해야 합니다. 예를 들면 다음과 같은 코드가 있습니다.예시를 들기위해 서버에서 특정 에러 케이스를 200 응답에 status라는 필드를 통해 알려주고 있다고 가정합니다. fetch('api').then((res) => { co..

Overview클로저는 자바스크립트의 고유 개념이 아닙니다.함수가 일급 객체로 여겨지는 함수형 프로그래밍 언어에서도 클로저의 개념이 있습니다.자바스크립트는 멀티 패러다임 언어로써 객체지향, 함수형 프로그래밍 모두 지원하며 함수는 일급객체로써 활용됩니다.자바스크립트는 함수를 일급객체로 여깁니다. 그렇기에 함수를 변수에 담거나 매개변수로 넘겨주거나 어떤 함수의 리턴 객체로 사용할 수 있습니다. 클로저란?MDN 의 정의에 따르면 클로저는 "함수와 함수가 선언된 렉시컬 환경의 조합" 이라고 합니다.문자 그대로 본다면 난해합니다. 외우기도 어렵습니다. 그렇기 때문에 이해하는 과정이 필요합니다. 함수 정의의 평가먼저 클로저를 이해하기 위해선 자바스크립트의 실행 컨텍스트에 대해 이해하고 있어야합니다. 자바스크립트는 ..