리액트 + 타입스크립트 공부 자료 정리

자바스크립트로만 개발을 해왔다면 갑작스레 타입스크립트를 사용하는 것에 주저함이 있을 것입니다. 특히 리액트와 같은 프레임워크와 각종 라이브러리들을 함께 사용해서 개발을 해왔다면 그 심적 부담은 더하겠죠. 이제 나름 자바스크립트와 프레임워크를 활용한 개발에 자신감이 생겨서 다음 단계의 스킬 셋을 쓰고 싶지만, 정확히 어디서부터 공부를 시작해야 할지가 막막한 사람들도 있을 것입니다.

 

그래서, 각자의 필요에 따라 준비해보았습니다. 딱히 제가 작성한 글을 소개해드리는게 아니라 유용한 레퍼런스들을 각자의 필요에 맞게 추천해드리고자 합니다.

 

1. 일단 해봐 : 타입스크립트를 이전에 조금이라도 맛본 적이 있기 때문에, 초 단기 속성으로 리액트 + 타입스크립트를 시도해보고 싶다.

 

진짜 말 그대로 '일단' 처음부터 끝까지 시작해보고 싶다면?

 

벨로퍼트님의 블로그 시리즈 : react.vlpt.us/using-typescript/

8장. 리액트 프로젝트에서 타입스크립트 사용하기 · GitBook

 

 

그냥 내 리액트 프로젝트에 새로 타입스크립트를 도입하고 싶다면?

 

코딩앙마님의 유튜브 영상 : www.youtube.com/watch?v=g-kauNOTVRY

 

 

도입후에 문제 생길 때마다 참고할 수 있는 링크가 필요하다면?

 

리액트 + 타입스크립트 치트시트 : react-typescript-cheatsheet.netlify.app/docs/basic/setup/

Setup TypeScript with React | React TypeScript Cheatsheets

 

 

 

2. 천천히, 너무 깊지는 않게 : 타입스크립트 자체를 시도해본적이 없어서 조금은 천천히 공부하고 내 리액트 프로젝트에도 도입해보고 싶다.

 

글 읽을 필요도 없이 누가 타입스크립트 사용법 떠먹여줬으면 좋겠다면?

 

해외 유명 개발 유튜브 채널 Academind의 타입스크립트 튜토리얼 www.youtube.com/watch?v=BwuLxPH8IDs

 

 

별도의 생략된 부분 없이 타입스크립트 + 리액트를 공부하고 싶다면?

 

벨로퍼트님의 벨로그 시리즈 글 : velog.io/@velopert/series/react-with-typescript

시리즈 | 리액트 프로젝트에서 타입스크립트 사용하기 - velopert.log

 

 

 

3. 전부 마스터해버리겠어...딱대 : 몇시간? 몇일? 몇달? 얼마면 돼? 나 시간 많아. 다 배워버리겠어.

처음부터 끝까지 전부 공부하고 싶다면?

 

공식 타입스크립트 문서(한글번역) : typescript-kr.github.io/

TypeScript 한글 문서

 

공부한 타입스크립트를 실제 문제를 풀어가면서 복습하고 싶다면?

 

Typescript 연습장(Typescript Exercise) : typescript-exercises.github.io/

TypeScript Exercises

 

 

별도의 생략된 부분 없이 타입스크립트 + 리액트를 공부하고 싶다면?

 

벨로퍼트님의 벨로그 시리즈 글 : velog.io/@velopert/series/react-with-typescript

시리즈 | 리액트 프로젝트에서 타입스크립트 사용하기 - velopert.log

 

 

리액트 뿐만 아니라 리덕스, 리덕스 사가와 함께 타입스크립트를 적용하고 싶다면?

 

벨로퍼트님의 벨로그 시리즈 글 : velog.io/@velopert/use-typescript-and-redux-like-a-pro

TypeScript 환경에서 Redux를 프로처럼 사용하기

벨로퍼트님의 블로그 글 : react.vlpt.us/using-typescript/06-ts-redux-middleware.html

6.타입스크립트에서 리덕스 미들웨어 사용하기 (redux-thunk, redux-saga) · GitBook