[19주차] 모던 22장 <this>, 우아한 12장 <타입스크립트 프로젝트 관리>

[202110861]

[19주차] 키워드 및 질문

[모던 자바스크립트 Deep Dive]

<22장 this>

1. this 키워드
2. 함수 호출 방식과 this 바인딩

[우아한 타입스크립트]

<12장 타입스크립트 프로젝트 관리>

2. 스크립트와 설정 파일 활용하기
3. 타입스크립트 마이그레이션
4. 모노레포

[202110861]

<모던 자바스크립트 Deep Dive>

Q1. 메서드 내부의 중첩 함수나 콜백 함수의 this 바인딩을 메서드의 this 바인딩과 일치시키기 위한 방법은?
Q2. this 바인딩은 함수 호출 방식에 따라 어떻게 달라지나요?

<우아한 타입스크립트>

Q1. 스크립트와 설정 파일을 활용하면 어떤 점이 좋은가요?
Q2. 모노레포란 무엇이고, 어떤 장점이 있나요?

[mangang0713]

<모던 자바스크립트 Deep Dive>

Q1. 렉시컬 스코프와 this 바인딩의 차이를 설명해주세요.
Q2. this를 사용하지 않고 자기 자신의 이름을 그냥 쓰면 어떤 문제가 생기나요?
Q3. this 바인딩에 대해서 설명해주세요.

<우아한 타입스크립트>

Q1. 증분 컴파일에 대해 설명해주세요,
Q2. js로 진행되고 있던 프로젝트릃 한 번에 ts로 마이그레이션하게 된다면 어떤 장단점이 있을지 설명해보세요.

[wlgusqkr]

<모던 자바스크립트 Deep Dive>
Q1. 아래 코드에서 setTimeout의 콜백 함수 내부 this.name이 undefined (Node.js) 또는 빈 문자열(브라우저)로 나오는 이유는 무엇인가요? person.name인 'Lee'가 출력되도록 코드를 수정하는 방법 2가지를 제시해주세요.

const person = {
  name: 'Lee',
  sayHello() {
    console.log(`Hello, I'm ${this.name}`);
  }
};

setTimeout(person.sayHello, 100);

Q2. 메서드 내부의 중첩 함수나 콜백 함수에서 this가 달라지는 문제를 해결하기 위해 bind를 사용하는 방법과 화살표 함수를 사용하는 방법을 비교 설명해주세요. 두 방식 중 어떤 것을 더 선호하며, 그 이유는 무엇인가요?

<우아한 타입스크립트>
Q1. 자바스크립트 파일과 .d.ts 파일로 배포하면 라이브러리 코드를 따로 컴파일하지 않아도 되서 컴파일 시간이 크게 줄어드는 이유는?
Q2.

declare namespace NodeJS {

  interface ProcessEnv {

    readonly API_URL: string;

  }

}

console.log(process.env.API_URL);

여기서 API_URL이 자동완성 되는 이유는?

[xeunnie]

<모던 자바스크립트 Deep Dive>

1. 렉시컬 스코프와 this 바인딩 결정 시점의 차이를 예제 코드와 함께 설명하고, 이를 기반으로 화살표 함수의 this 바인딩이 일반 함수와 다른 이유를 기술해보세요.
2. apply, call, bind를 사용할 수 있는 대표적인 실전 사례를 말하고, 특히 bind를 중첩 함수나 setTimeout과 함께 사용할 때의 이점과 한계를 설명해보세요.
3. 객체의 메서드를 변수에 할당하여 다른 컨텍스트에서 실행했을 때 this 바인딩 문제가 발생하는 이유를 설명하고, 이를 방지하기 위한 설계적 전략들을 나열해보세요.

<우아한 타입스크립트>

1. .d.ts 파일에서 declare global, declare module, declare namespace의 차이점과 각각의 실제 사용 사례를 비교하여 설명하세요.
2. declare로 선언한 전역 변수 _config를 런타임에서 안전하게 주입하려면 어떤 문제점들을 고려해야 하며, 이를 해결하기 위해 번들러 수준에서 어떤 전략을 취할 수 있을까요?
3. 타입스크립트 마이그레이션 시 allowJs, noImplicitAny 옵션을 설정하는 이유와, 이 설정이 프로젝트 안정성과 생산성에 미치는 영향을 설명하고, 마이그레이션 전략이 실패하는 대표적인 이유를 하나 이상 들어보세요.