[BOOK] 우아한 타입스크립트 with 리액트
1.[1장] 들어가며
자바스크립트의 역사와 한계를 간단히 알아보면서 타입스크립트가 등장하게 된 배경을 살펴본다.
2.[2장] 타입
타입스크립트는 정적 타이핑을 제공한다. 타입이란 무엇이며 다른 언어에서 타입은 어떻게 동작하는지를 살펴보고, 타입스크립트의 타입을 어떻게 쓸 수 있는지 알아본다.
3.[3장] 고급 타입
자바스크립트 자료형에 없는 타입스크립트만의 타입 시스템을 소개하고 타입의 개념을 응용하여 좀 더 심화한 타입 검사를 수행하는 데 필요한 지식을 살펴본다.
4.[4장] 타입 확장하기·좁히기
타입스크립트에서 기존에 정의한 타입을 확장하여 새로운 타입을 정의함으로써 좀 더 복잡한 타입을 정의할 수 있다. 타입이 복잡해질수록 더 넓은 범위에서 추론이 될 수 있는데 이때는 더 작은 범위로 좁혀 정확성을 높여야 한다. 타입 확장과 타입 좁히기의 개념을 알아보자
5.[5장] 타입 활용하기
우아한형제들의 실무 코드 예시를 살펴보면서 정확한 타이핑을 하지 못해 발생하는 문제를 타입스크립트의 다양한 기법과 유틸리티 타입을 활용해 해결해본다.
6.[6장] 타입스크립트 컴파일
타입스크립트가 실행되는 전반적인 흐름을 살펴보고, 타입스크립트 컴파일러의 주요 역할과 구조에 대해 알아본다. 그리고 실제로 어떻게 컴파일하는지를 확인해본다.
7.[7장] 비동기 호출
타입스크립트에서 비동기 요청을 어떻게 처리하고 관리하는지를 다룬다.
8.[8장] JSX에서 TSX로
타입스크립트와 리액트를 결합하면 더 손쉽게 유지보수할 수 있는 애플리케이션을 개발할 수 있다. 이 장에서는 리액트에서 사용하는 JSX 문법을 타입스크립트에 어떻게 적용하는지를 소개한다.
9.[10장] 상태 관리
리액트 애플리케이션에서 가장 중요한 여갛ㄹ을 하는 상태에 대해 알아본다. 기본적인 상태의 개념을 익히고 어떻게 효율적으로 상태를 관리할 수 있는지를 살펴보자.
10.[11장] CSS-in-JS
CSS-in-JS는 자바스크립트 코드에서 CSS를 작성하는 방식을 말한다. CSS-in-JS를 적용하면 CSS 스타일을 문서 레벨이 아닌 컴포넌트 레벨로 추상화해주기 때문에 관리가 용이해지며 오늘날 웹은 컴포넌트로 작성되기 때문에 이 방식을 적용했을 때의 이점이 크다.
11.[12장] 타입스크립트 프로젝트 관리
타입스크립트 프로젝트에서 유용하게 활용할 수 있는 개념과 팁을 소개한다.
12.[13장] 타입스크립트와 객체 지향
타입스크립트와 리액트 환경에서 객체 지향을 어떻게 활용하고 더 나은 방향으로 발전시킬 수 있는지 알아본다.
13.[코딩 마을 방범대] 북 스터디 1회
14.[코딩 마을 방범대] 북 스터디 2회
24.01.10 (수) 학습구간 및 정리본 질문과 답변 1. 불필요한 제네릭 사용 ❓ 제네릭을 굳이 사용하지 않아도 되는 코드를 적절하게 수정해보세요. 타입스크립트에서 제네릭이 필요하지 않을 때에도 무분별하게 사용할 경우 코드의 길이만 늘어나고 가독성을 해칠 수 있습니다. 아래의 코
15.[코딩 마을 방범대] 북 스터디 3회
24.01.15 (월) 학습구간 및 정리본 질문과 답변 1. 타입가드 ❓ 타입가드의 종류에는 무엇이 있으며 각각 어떤 상황에서 사용하나요? 타입가드는 변수 또는 표현식의 타입 범위를 좁혀나가 더
16.[코딩 마을 방범대] 북 스터디 4회
24.01.18 (목) 학습구간 및 정리본 질문과 답변 1. infer ❓ infer를 활용하여 타입을 만들어보세요. infer를 사용하여, 배열의 요소 타입을 추론하는 ElementType 타입을 만들어 보세요. ElementType
17.[코딩 마을 방범대] 북 스터디 5회
24.01.22 (월) 학습구간 및 정리본 질문과 답변 1. 타입스크립트 컴파일 ❓ 타입스크립트 컴파일러(tsc)가 소스코드를 컴파일하는 과정을 설명해주세요. 타입 스크립트 컴파일러(t
18.[코딩 마을 방범대] 북 스터디 6회
24.01.26 (금) 학습구간 및 정리본 질문과 답변 1. API Mocking ❓ API Mocking의 용도 대해서 설명해주세요. API Mocking이란 무엇을 의미하는건가요? 어떤 경우에서 무
19.[코딩 마을 방범대] 북 스터디 7회
24.01.29 (월) 학습구간 및 정리본 질문과 답변 1. React.FC와 React.VFC ❓ React.FC와 React.VFC 타입은 어떻게 다르며, 어떤 것이 리액트 v18 이후 권장되는 방식인가요? React.FC (FunctionComponent)와 React.VFC (V
20.[코딩 마을 방범대] 북 스터디 8회
24.02.01 (목) 학습구간 및 정리본 질문과 답변 1. useRef ❓ useRef의 여러가지 특성 본문에서는 useRef가 자식 컴포넌트를 저장하는 변수로 활용할 수 있을 뿐만 아니라 다른 방식으로도 유용하게 사용할 수 있다고 하였습니다. 어떤 방식으로 사용할 수 있는지 답변해주세요. 
24.02.05 (월) 학습구간 및 정리본 [](https://github.com/Coding-Village-Protector/woowahan-ts/blob/main/%5B11%EC%9E%A5%5D%20CSS-in-JS/%EC%9D%B4%EC%98%88%EC%8
22.[코딩 마을 방범대] 북 스터디 10회
24.02.08 (목) 학습구간 및 정리본 질문과 답변 1. 모노레포 ❓ 모노레포의 장단점을 서술해주세요. 모노레포란 버전 관리 시스템에서 여러 프
23.[코딩 마을 방범대] 북 스터디 11회
24.02.12 (월) 학습구간 및 정리본 질문과 답변 1. 캡슐화 ❓ 프론트엔드 개발에서 React 컴포넌트의 '상태(state)'와 'props'를 캡슐화하는 것이 어떤 이점을 가지나요? ![](https://velog.velcdn.com/images/orodae/post