가까이 가면 뜨껍고, 멀어지면 차가워지는 관계

Monorepo에 대한 강의를 듣고 생소한 개념이라 블로그에 정리해두면 필요할때 볼 수 있어 블로그에 정리 해보려고한다.Monorepo는 새로운 프로젝트를 설계하거나 기존 프로젝트가 성장하면서 규모가 커질 때 개발자는 효율적인 프로젝트 구조를 고민한다. 또한, Google, Facebook, Microsoft, Uber, Airbnb, 그리고 Twitter 등 글로벌 테크 회사들은 이미 각자 자신들의 운영 전략 아래 대규모 모노레포를 운영하고 있다. 목차1. 모노레포를 배워야 하는 이유2. Monorepo의 개념3. 프로젝트 구성의 발전4. 언제 모노레포를 사용해야 하는지?5. 모노레포 구축을 도와주는 도구 1. 모노레포를 배워야 하는 이유모노레포는 유지 보수와 최적화 작업을 간소화한다. 이는 모노레포가..

Promise, async/await질문 1. 동기와 비동기는 무엇인가요?동기 : 현재 실행 중인 코드가 완료된 후에 다음 코드를 실행하는 방식 입니다.CPU의 계산에 의해 즉시 처리가 가능한 대부분의 코드비동기: 현재 실행 중인 코드의 완료 여부와 무관하게 즉시 다음 코드로 넘어갑니다.setTimeout, addEventListener, XMLHttpRequest 등질문 2. Promise은 무엇이고, Promise의 상태에 대해서 설명해주세요ES6에서 비동기 처리를 위한 패턴으로 프로미스를 도입했고, Promise 객체는 비동기 작업을 완료(fulfilled) 또는 실패(rejected)와 결과 값을 나타내는 객체 입니다.Promise는 세 가지 상태를 가질 수 있습니다.Pending (대기): 초기..

클래스질문 1. class에 대해 설명해주세요.클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위한 틀로, 어떤 사물들의 공통 속성을 모은 추상적인 개념입니다. 또한, 클래스는 상태(멤버 변수)와 메서드(함수)를 통해 객체를 정의합니다.※ 상태(멤버 변수) = 인스턴스 변수// 클래스 정의class Dog { // 생성자 메서드 (클래스로부터 객체가 생성될 때 호출됨) constructor(name, age) { this.name = name; // 인스턴스 변수 this.age = age; // 인스턴스 변수 } // 메서드 정의 bark() { console.log(`${this.name} says woof!`); }..

실행 컨텍스트질문 1. 실행 컨텍스트란 무엇인가요?실행 컨텍스트는 코드가 실행되는 데에 필요한 환경 정보들을 모아 놓은 객체입니다.var x = 10;function outer() { var y = 20; function inner() { var z = 30; console.log(x + y + z); } inner();}outer(); // 60console.log(x); // 10 질문 2. VariableEnvironment는 무엇인가요? VariableEnvironment와 LexicalEnvironment는 현재 환경과 관련된 식별자 정보를 관리합니다.실행 컨텍스트가 생성될 때, 식별자의 정보를 수집하는 역할을 합니다. 질문 3. Lexical Environment는 무엇인가요..

클로저질문 1. 클로저에 대해서 설명해주세요.어떤 함수 안에서 선언한 변수를 참조하는 내부함수를 외부로 전달할 때, 함수의 실행 컨텍스트가 종료된 후에도 해당 변수에 접근할 수 있는 현상입니다.질문 2. [[Environment]] 프로퍼티에 설명해주세요.[[Environment]] 프로퍼티는 함수 자신이 어디서 만들어졌는지 기억합니다. (함수 자신이 만들어진 렉시컬 환경 정보를 저장합니다.) 함수가 호출되면 해당 함수가 어디서 정의되었는지 그 정보를 담고 있는 [[Environment]] 프로퍼티를 사용해서 외부 변수에 접근합니다. 질문 3. 클로저를 활용한 사례에 대해서 설명해주세요. 콜백 함수 내부에서 외부 데이터를 사용할때, 접근권한을 제어하여 정보를 은닉할때, 부분적용함수, 커링함수에 활용됩니다..

this질문 1. this가 JavaScript에서 어떻게 작동하는지 설명하세요.this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서드를 참조할 수 있습니다.this 바인딩(this가 가리키는 값)은 함수 호출 방식에 의해 동적으로 결정됩니다.질문 2. this 바인딩이 동적으로 결정된다고 하는데 어떠한 경우에 발생하는지 설명하세요. (꼬리 질문)코드 실행 시점에서 this는 동적으로 결정되면 상황에 따라 달라집니다.전역에서 this는 전역 객체 window를 가리킵니다.일반 함수 내부에서 this는 전역 객체 window를 가리킵니다.메서드 내부에서 this는 메서드를 호출한 객체를 가리..

프로토타입질문 1. 프로토타입이 무엇인가요?프로토타입은 해당 객체(Array, Object)에 메서드를 가지고 있지 않더라도, 객체를 생성한 생성자 함수 prototype 프로퍼티에 있는 메서드들은 [[Prototype]]라는 연결 통로를 통해 상속 받아 마치 자신의 것처럼 사용할 수 있도록 합니다.※ proto 와 [[Prototype]] 같다고 생각함 질문 2. [[prototype]] 대해서 설명해주세요.[prototype]는 객체를 생성한 생성자 함수의 prototype에 접근할 수 있는 연결 통로 역할을 합니다.질문 3. 프로토타입 체인에 대해서 설명해주세요.어떠한 메서드를 호출했을 때 자기 자신에서 찾고, 만약 없을 경우 [[Prototype]]로 이어진 각 prototype에 모두 접근하여 ..

스코프질문1. 스코프에 대해서 설명해주세요스코프는 식별자에 대한 유효범위 입니다.  식별자는 코드 내의 변수, 함수, 혹은 속성을 식별하는 문자열이다. 즉, 함수명, 변수명이 해당함질문2. 스코프 체인에 대해서 설명해주세요스코프 체인은 식별자의 유효범위 안에서부터 바깥으로 차례로 검색해 나가는 것입니다.질문3. 동적 스코프와 정적 스코프(렉시컬 스코프)에 대해 설명해주세요.동적 스코프 : 함수가 호출되는 시점에 동적으로 상위 스코프를 결정하는 것이 동적 스코프이다정적 스코프(렉시컬 스코프) : 함수를 어디서 정의했는지에 따라 상위 스코프를 결정한다.※ 자바스크립트는 렉시컬 스코프를 따른다.

함수, let/const/var 차이점, 블록 스코프와 함수 스코프질문1. var, let, const 차이를 설명해주세요var의 경우 함수 스코프이며, 재선언과 재할당이 가능하다. 반면 let과 const는 블록 스코프 이면서 재할당은 가능하지만 재선언은 안되는 let과 재선언과 재할당이 안되는 const가 있다.질문2. 블록 스코프 와 함수 스코프에 대해 설명해주세요.함수 스코프는 함수 내에서만 사용할 수 있으며, 함수 내부에서 생성되지 않은 경우 전역 범위를 가진다. var 키워드인 경우 함수스코프이다.반면에 블록 스코프는 블록{ }내부에서 선언된 변수는 해당 블록에서만 접근 가능하다.let, const 키워드인 경우 블록 스코프이다.질문3. 고차함수는 무엇인가요?고차 함수는 함수를 파라미터로 전달..

1) 데이터 타입, 객체 리터럴질문1. 자바스크립트의 데이터 타입에 대해 설명해 주세요.primitive type과 reference type으로 나뉩니다. primitive type은 불변성을 나타내고, 값이 담긴 주솟값을 복제하는 number, string, boolean, undefined, null, symbol, Bigint로 구성되고, reference type은 값이 담긴 주솟값의 묶음을 가리키는 주솟값을 참조하는 Object, array, function, BigInt, Date, RegExp, Map/WeakMap, Set/WeakSet등이 있습니다.질문2. 호이스팅에 대해 설명해 주세요.변수, 함수 선언이 해당 스코프의 최상단으로 끌어올려지는 것 같은 현상을 말합니다.질문3. 함수를 사..