API 로직에 대한 고민 마이그레이션을 하면서 고민했던 사항 중 하나는 API 로직의 재사용 및 코드량 줄이기였다. 아래는 마이그레이션 전의 useEffect를 통해서 API 로직을 구현했던 코드이다. useEffect(() => { const getUserTravelLists = async () => …

목차 1️⃣ 명시적 변환, 암시적 변환, Nominal, 구조화, 덕 타이핑 2️⃣ 고차함수 3️⃣ 컬렉션과 생성기 4️⃣ 순수함수, 부수효과, 상태변이 5️⃣ 닫기/폐쇄 (Closure) 1️⃣ 명시적 변환, 암시적 변환, Nominal, 구조화, 덕 타이핑 명시적 형변환과 암시적 형변환 …

아무리 생각해도 이해가 가지 않는 부분이 있었다. 이번에 Iterable과 Iterator, 그리고 Generator를 공부하면서 드는 의문이 몇 가지 있었다. 특히 Iterable을 공부할 때 나왔던 내용 중에는 아래와 같은 내용을 읽은 적이 있다. 문자열은 이터러블입니다. …

목차 1️⃣ Iterable Object 2️⃣ Iterator 3️⃣ Generator 1️⃣ Iterable Object Iteration이라는 영단어는 ‘반복’, Iterable이라는 영단어는 ‘반복 가능한’이라는 의미를 담고 있다. JavaScript에서는 이전에 배웠던 Map이나 Set, Object, Array 등과 같은 컬렉…

컬렉션(Collection) 프로그래밍 언어가 제공하는 데이터를 담는 매개체 JavaScript에서 이런 매개체라고 한다면 보통 Array와 Object를 떠올리게 된다. 둘 다 안에 여러가지 데이터들을 저장하는 역할을 한다. 컬렉션은 JavaScript 외에도 다른 언어에도 존…

목차 1️⃣ var 2️⃣ let과 const 3️⃣ 닫기, 폐쇄 (Closure) 1️⃣ var 대다수의 프로그래밍에 전통적으로 변수를 선언하기 위한 연산자 var를 통해 선언한 변수는 전역 스코프에 할당된다. var 연산자는 로컬 혹은 함수와 전역 스코프에 선언될 수 있다. 그러나 …

고차함수(Higher Order Function) 함수를 인자로 받거나 함수를 반환값으로 받는 함수를 가리킨다. JavaScript에서의 함수는 Object이다. 이전의 프로토타입 체인 등을 공부했던 내용을 떠올려보면 JavaScript에서의 함수는 객체로 받고 있다는 것을 알 수 …

목차 1️⃣ 팩토리와 클래스 2️⃣ new, 생성자, instanceof, 인스턴스 3️⃣ Object.create와 Object.assign 4️⃣ this, call, apply, bind 5️⃣ 프로토타입의 상속과 체인 1️⃣ 팩토리와 클래스 팩토리 함수 (Factory Function) 객체를 반환하는 함수를 가리킨다. f…

목차 1️⃣ 상속 (Inheritance) 2️⃣ super 3️⃣ proto, Object.create, Object.assign 4️⃣ call과 apply, 그리고 bind 5️⃣ Prototype과 proto, 그리고 프로토타입 체인(Prototype Chain) 1️⃣ 상속 (Inheritance) 상속 (Interitance) 메인 객체의 기능을 물려받…

목차 1️⃣ 객체와 배열 2️⃣ this 3️⃣ new 연산자와 생성자 함수(Constructor Function) 4️⃣ 원형 (Prototype) 5️⃣ class 1️⃣ 객체와 배열 객체 이름(name/key)과 값(value)으로 구성된 프로퍼티의 정렬되지 않은 집합 객체에 있는 값에 접근할 시, 객체 속 이…

목차 1️⃣ DOM과 Layout Trees 2️⃣ 호출 스택 3️⃣ 함수 범위, 블록 범위, 렉시컬(lexical) 범위 4️⃣ 메시지 큐와 이벤트 루프 5️⃣ 재귀 1️⃣ DOM과 Layout Trees Document Object Model, DOM (문서 객체 모델) HTML, XML 문서의 인터페이스이다. 문서를 객체화…

목차 1️⃣ DOM과 Layout Trees 2️⃣ 호출 스택 3️⃣ 함수 범위, 블록 범위, 렉시컬(lexical) 범위 4️⃣ 메시지 큐와 이벤트 루프 5️⃣ 재귀 1️⃣ DOM과 Layout Trees Document Object Model, DOM (문서 객체 모델) HTML, XML 문서의 인터페이스이다. 문서를 객체화…

대망의 JavaScript 개념 학습 시작 예전부터 JavaScript의 동작 원리와 문법 개념, 그리고 알아야하는 지식들을 어느 정도 짚고 갈 수 있으면 좋겠다고 생각했는데 이제 그 시간들을 돌아볼 때가 된 것 같다. 부트캠프 때는 이것저것 구현하면서 개념 학습도…

이제는 개념을 공부할 때. 면접 질문들을 검색하다보면 자바스크립트의 개념들과 관련하여 이런 질문들이 많이 보인다. 자바스크립트가 어떻게 동작하는지 말씀해보세요. 큐와 스택을 설명해주세요. 스코프가 뭔가요? 클로저가 뭔가요? 3개월 동안 구현만 주…

검사기를 제대로 사용하려면 디버거도 사용할 줄 알아야한다. 디버깅은 코딩을 하는 사람들이라면 가장 중요하게 여겨야하는 것 중 하나다. 부끄럽지만, 나는 버그 픽스를 굉장히 중요시하면서도 크롬 개발자 도구에서 디버거를 제대로 사용해본 경험이 없고…