[12주차] 모던 19장 <프로토타입>, 우아한 9.1 <리액트훅>

[202110861]

[12주차] 키워드 및 질문

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

<19장 프로토타입>

1. 객체지향 프로그래밍
2. 상속과 프로토타입
3. 프로토타입 객체
4. 리터럴 표기법에 의해 생성된 객체의 생성자 함수와 프로토타입

[우아한 타입스크립트]

<9.1장 리액트훅>

1. useState
2. 의존성 배열을 사용하는 훅

[202110861]

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

Q1. proto 접근자 프로퍼티를 통해 프로토타입에 접근하는 이유는 무엇인가요?
Q2. const obj = { }; 에서 odj 객체는 Object 생성자 함수와 construct 프로퍼티로 연결되어 있습니다.
이 Object 생성자 함수 내부의 동작 방식을 설명해주세요
Q3. Object 생성자 함수 호출과 객체 리터럴의 평가에 대한 공통점과 차이점은 무엇인가요?

<우아한 타입스크립트>

Q1. 리액트 훅이 추가되기 전에는 어떤 불편함이 있었고 추가된 후에는 어떻게 바뀌었나요?
Q2. useEffect를 사용할 때 주의할 점은 무엇인가요?

[mangang0713]

<우아한 타입스크립트>

Q1. 함수 컴포넌트가 상태를 가져야 하는 이유는 뭔가요?
Q2. useState에 TypeScript를 적용하면 갖게 되는 이점이 뭔가요?
Q3. useEffect에서 deps를 활용할 때 주의해야 할 점은 무엇인가요? 이유는 뭔가요?

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

Q1. 객체지향 프로그래밍에서 객체는 무엇인가요?

Q2. 프로토타입에 접근할 때 proto 접근자 프로퍼티를 사용하는 이유는 뭔가요?

Q3. 리터럴에 의해서 생성된 객체나 함수는 왜 constructor에 생성자 함수가 연결되어 있을까요?

[wlgusqkr]

[12주차] 키워드 및 질문

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

<19장 프로토타입>

1. 객체지향 프로그래밍
2. 상속과 프로토타입
3. 프로토타입 객체
4. 리터럴 표기법에 의해 생성된 객체의 생성자 함수와 프로토타입

Q1. [[Prototype]]은 직접 접근하지 못하고 간접적으로 접근하게 하는 이유는 무엇인가요?
Q2. 프로토타입이란 무엇인가요?

[우아한 타입스크립트]

<9.1장 리액트훅>

Q1. useEffect와 useLayoutEffect의 공통점과 차이점은 무엇인가요?
Q2. useCallback과 useMemo의 공통점과 차이점은 무엇인가요?

[xeunnie]

[12주차] 키워드 및 질문

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

<19장 프로토타입>

(1) 객체지향 프로그래밍 & 추상화

1. 자바스크립트의 객체지향은 클래스 기반이 아닌 프로토타입 기반인데, 이 둘의 근본적인 차이를 설명해보세요.
2. 추상화와 은닉성(캡슐화)의 개념 차이와 자바스크립트에서 이들을 구현하는 방식은 무엇인가요?
3. Object.create(null)로 생성한 객체와 일반 객체의 차이점은 무엇이며, 이 객체를 어디에 활용하면 좋을까요?

(2) 프로토타입 상속

1. __proto__와 prototype의 차이점을 깊이 있게 설명해보세요. 각 속성은 언제 어떻게 설정되며, 누가 사용하는지 설명해주세요.
2. 생성자 함수와 프로토타입 객체는 항상 쌍으로 존재한다고 했는데, 이 구조는 어떤 추상 연산을 통해 만들어지나요?
3. 프로토타입 체인이 형성될 때 성능상 주의해야 할 점과, 의도하지 않게 체인이 꼬였을 때 발생할 수 있는 문제를 예를 들어 설명해보세요.

[우아한 타입스크립트]

<9.1장 리액트훅>

(1) useState

1. useState에 콜백을 넘겨 초기값을 설정하는 방식은 어떤 상황에서 유용할까요? 그리고 이 방식이 어떤 내부 동작 차이를 가지나요?
2. 여러 개의 상태가 있을 때 하나의 객체로 관리하지 않고 각각의 useState로 분리하는 것이 더 낫다고 하는 이유는 무엇인가요?
3. 상태 배열을 업데이트할 때 발생할 수 있는 참조 무결성 문제를 방지하기 위한 전략은 무엇이 있을까요?

(2) useEffect / useLayoutEffect

1. useEffect에서 비동기 함수를 직접 사용할 수 없는 이유를 자세히 설명해보세요. (타입스크립트 관점에서도)
2. useEffect 내부에서 setState를 호출할 때 발생할 수 있는 무한 루프 문제를 실제 코드 예시와 함께 설명해주세요.
3. useLayoutEffect가 필요한 상황과 이를 과도하게 사용할 경우의 단점은 무엇인가요?

(3) useMemo / useCallback

1. useCallback과 useMemo는 기능적으로 비슷한 것처럼 보이는데, 실제 내부 동작과 사용 의도에 어떤 차이가 있는지 설명해보세요.
2. 자식 컴포넌트에 콜백 함수를 props로 넘길 때 useCallback을 쓰지 않으면 어떤 일이 발생하나요? 성능 측면에서 설명해주세요.
3. useMemo를 잘못 사용했을 때 성능이 오히려 저하되는 경우가 있다면 어떤 상황이 있을까요?