[11주차] 모던 18장 <함수와 일급 객체>, 우아한 타입스크립트 <타입스크립트로 리액트 컴포넌트 만들기>

[202110861]

[11주차] 키워드 및 질문

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

<18장 함수와 일급 객체>

1. 일급 객체
2. 함수 객체의 프로퍼티

[우아한 타입스크립트]

<8.2장 타입스크립트로 리액트 컴포넌트 만들기>

1. JSX로 구현된 Select 컴포넌트
2. JSDocs로 일부 타입 지정하기
3. props 인터페이스 적용하기
4. 리액트 이벤트
5. 훅에 타입 추가하기
6. 제네릭 컴포넌트 만들기
7. HTMLAttributes, ReactProps 적용하기
8. styled-component를 활용한 스타일 정의
9. 공변성과 반공변성

[202110861]

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

키워드

• 일급객체
• 함수 객체 고유의 데이터 프로퍼티
• proto 접근자 프로퍼티

Q1. 유사 배열 객체는 무엇이며 어떤 문제가 있고 이를 해결하기 위해 무엇을 하면 되나요?
Q2. 함수 객체의 length 프로퍼티를 사용할 때 주의할 점은?
Q3. name 프로퍼티를 사용할 때 주의할 점은?

<우아한 타입스크립트>

키워드

• JSDocs
• props 인터페이스
• 리액트 이벤트
• 공변성과 반공변성

Q1. 공변성과 반공변성의 정의와 어떤게 권장되는지 이유와 함께 설명해주세요.

[wlgusqkr]

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

키워드

• 일급객체
• 함수 객체 프로퍼티
• proto

Q1. ES6에는 Rest 파라미터가 있지만 Symbol.iterator을 알아야 하는 이유는 무엇일까요?
Q2. [[Prototype]]이라는 내부 슬롯을 통해 자바스크립트는 어떤 특징을 가지나요? 어떻게 접근할 수 있을까요?

<우아한 타입스크립트>

키워드

• 제네릭
• 공변성과 반공변성

Q1. 반공변성 함수 타입을 설정하는 것이 권장되는 이유는 무엇일까요?
Q2. 타입을 [key : string]으로 설정하는 것은 어떤 문제가 있나요?

[xeunnie]

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

Q1.자바스크립트에서 함수가 일급 객체라는 것은 무슨 의미인가요? 이 특성 덕분에 어떤 프로그래밍 패러다임이 가능해졌는지도 설명해주세요.
Q2. arguments 객체와 Rest 파라미터의 차이점은 무엇인가요?, arguments 객체가 배열이 아닌 "유사 배열 객체"라는 말의 의미도 설명할 수 있나요?
Q3. 함수 객체의 prototype 프로퍼티와 proto 프로퍼티는 각각 무엇을 의미하나요? 일반 객체와 생성자 함수 객체가 이 프로퍼티를 어떻게 다르게 가지는지 설명해보세요.

<우아한 타입스크립트>

Q1. Select 컴포넌트처럼 제네릭을 적용한 리액트 컴포넌트를 만들어야 하는 이유는 무엇인가요? Record<string, string> 대신 더 안전하게 키를 제한하는 방법도 설명할 수 있나요?
Q2. useState 훅 사용 시 타입을 명시적으로 지정하는 것이 왜 중요한가요? 초깃값이 없는 경우와 있을 때 타입 추론이 어떻게 다른지도 설명해보세요.
Q3. React SyntheticEvent와 브라우저의 기본 Event 객체의 차이점은 무엇인가요? 리액트에서 이벤트 핸들러 타입을 선언할 때 주의해야 할 점은 무엇인가요?