React + TypeScript
1.[React에서 TypeScript사용하기] #1 tsconfig.json
먼저 타입스크립트를 global로 설치합시다.그런 다음 다음 명령어를 입력하면 tsconfig.json 파일이 자동 생성됩니다.tsconfig.json 파일에서는 타입스크립트가 컴파일 될 때 필요한 옵션을 정합니다. 명령어를 알아봅시다.target : 컴파일된 코드가
2.[React에서 TypeScript사용하기] #2 리액트 컴포넌트 + TypeScript
CRA으로 타입스크립트 설정되어있는 리액트 프로젝트를 만들때 다음과 같이 명령어를 입력하면 됩니다. 쉽죠?프로젝트를 열어서 src 디렉토리에 App.tsx 파일을 봅시다. 자바스크립트 환경에서의 리액트 프로젝트와는 다르게 .tsx 확장자를 사용하죠? 타입스크립트를 사용
3.[React에서 TypeScript사용하기] #3 리액트 Hooks 사용하기
이번 시간에는 타입스크립트 환경에서 리액트 Hooks를 사용하는 방법에 대해서 알아보겠습니다.컴포넌트의 Hello, World라고 할 수 있는 카운터를 만들어보죠. src/CounteruseState()를 사용할 때 제네릭으로 타입 인수를 넘겨 state의 타입을 명시
4.[React에서 TypeScript사용하기] #4 Context API
velopert님의 벨로그 포스트를 보면서 이번 장에서는 타입스크립로 리액트의 Context API를 활용하는 방법에 대해서 알아보겠습니다. 프로젝트의 Hello, World!라고 할 수 있는 투두리스트를 만들어보면서 배워보죠.먼저, 타입스크립트가 적용된 리액트 프로젝
5.[React에서 TypeScript사용하기] #5 Redux 프로처럼 사용하기
액션을 선언할 때 보통은 아래 코드와 같이 쓰죠. 따로 타입추론으로 인해서 각 액션의 타입으로 string이 부여되죠. 그런데 타입스크립트에서는 문자열 자체를 타입으로 만들어 줄 수 있습니다. 바로 const assertion을 통해서 말이죠.const assertio