BEST
개발 · 프로그래밍

/

프론트엔드

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

실무에서 많이 사용되는 React와 Vue의 코드를 작성하면서 타입스크립트 필수 개념을 익히는 강의입니다. React와 Vue에 타입을 입히는 방법, ChatGPT 사용법까지 모두 잡는 실무자와 입문자 모두를 위한 강의!

(4.9) 수강평 14개

수강생 324명

Thumbnail

초급자를 위해 준비한
[프론트엔드, TypeScript] 강의입니다.

이런 걸
배워요!

  • TypeScript (타입스크립트)

  • React (리액트)

  • Vue.js (뷰)

  • ChatGPT

React 및 Vue.js 코드에
타입스크립트를 적용할 때
꼭 알아야 하는 개념

실무 코드에서 절대로 빼놓을 수 없는 타입스크립트. React와 Vue 코드를 작성할 때 타입스크립트를 몰라서 많이 힘드셨나요? 이 강의를 듣고 나면 어떤 개념들을 왜 알아야 하는지 알게 되고, 오류를 만났을 때 차근히 해석하면서 풀어나갈 수 있는 문제 해결력을 기를 수 있습니다.

이런 분들께 추천해요

  • React/Vue.js와 TypeScript를 같이 쓰고 싶은 분

  • 타입스크립트 활용이 처음이거나 아직 어색한 분들

  • 프론트엔드 개발 경력 5년 이하 실무자

이 강의만의 특장점

오래된 자바스크립트 프로젝트에 점진적으로 타입스크립트를 적용하고 싶거나, 프론트엔드 개발자로서 사용자/개발자 양쪽의 질을 높이고 싶으신 분들이 코드 레벨에서 타입스크립트를 활용하는 방법에 대해 학습할 수 있습니다.

실전 코드로 배우는 TS 필수 개념 : Vue 3 대응

실전 코드로 배우는 TS 필수 개념

라이브 코딩으로 이루어지는 수업을 통해 프론트엔드 프레임워크에 타입스크립트를 적용하는 방법을 알기 쉽게 익힐 수 있습니다.

활용을 위한 생생한 팁 전달

타입과 함수, REST API 타입 등을 정의하는 방법, 실전 개발에 ChatGPT를 활용하는 법, TS 활용 시 주의해야 하는 방법 등의 팁을 함께 전해드립니다.

이런 내용을 배워요

1. 능숙한 FE 개발자가 되기 위해 알아야 하는 실무 지식

  • 에러가 왜 발생했는지 이해하는 능력

  • 에러를 보고 빠르게 핵심 에러를 추리는 능력

  • 에러를 해결하기 위한 실전 팁들

2. React, Vue 내장 타입과 TS 필수 개념들

  • React와 Vue로 UI를 개발할 때 알아야 하는 라이브러리 내장 타입

  • 타입스크립트 내장 타입과 라이브러리 내장 타입 비교

  • 간결한 코드와 에러 해결 능력을 향상하기 위한 TS 필수 개념 학습

인프런 누적 수강생 8,000명 돌파 인기 강의 

캡틴판교 타입스크립트 시리즈,
책으로 재탄생!

2023 『쉽게 시작하는 타입스크립트』 출간

자바스크립트 코드의 품질과 개발 생산성을 높여주는 타입스크립트, 강의와 함께 책으로 학습해보세요!

도서 보러 가기 >>

387-6-r8

이 강의를 만든 사람 👨‍🏫

장기효 (캡틴판교)

"인프런이 만난 사람" 인터뷰

궁금한 점이 있나요?

Q. 취업 준비생과 주니어 개발자에게 어떤 도움이 될까요?

단순히 코드를 작성하고 구현에 그치는 것이 아니라 코드를 작성해 나갈 때 해당 코드가 내부적으로 어떻게 정의되었는지 라이브러리 내부 소스를 함께 살펴보며 깊이 이해합니다.

실무에서 절대적으로 사용되는 React와 Vue의 기본 사용법 뿐만 아니라 UI를 구현하기 위해 필요한 문법들을 타입스크립트라는 언어 관점에서 해석하고 어떤 개념들을 알아야 하는지 한 번에 정리할 수 있습니다.

10년 경력의 FE 실무 개발자가 어떻게 프레임워크와 언어를 바라보는지 알 수 있습니다. 더불어 실무에서 자주 활용하는 ChatGPT에 대해서도 팁을 얻을 수 있는 자리가 될 거예요 😄

Q. 수업을 듣기 위해 필요한 지식은 무엇인가요?

자바스크립트 기본 문법(변수, 함수, 객체, 조건문 등)과 컴포넌트 기반 프레임워크인 React, Vue의 기초 문법(상태와 컴포넌트 정의 방법 등)을 알고 계시는 분은 모두 들으실 수 있습니다.

Q. 수업을 다 듣고 나면 어떤 역량이 향상될까요?

타입스크립트 작성된 React, Vue 프로젝트의 코드를 더 깊이 이해할 수 있습니다. 단순한 지식 전달을 넘어 왜 에러가 발생하고 해당 에러를 해결하기 위해 필요한 개념이 무엇인지 알 수 있어요.

강의 할인을 제공합니다!

"React와 TypeScript로 시작하는
프론트엔드 개발 로드맵" 30% 할인 (클릭)

수입이 없는 중·고등학생,
대학생, 취준생을 위한 학생 50% 할인 (클릭)

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • React와 TypeScript를 같이 쓰고 싶은 분

  • 프론트엔드 개발 경력 5년 이하

  • React 실무자

  • Vue.js 실무자

  • 타입스크립트 입문자

선수 지식,
필요할까요?

  • React

  • Vue.js

  • JavaScript

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

커리큘럼

전체

31개 ∙ (2시간 42분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!