BEST

개발 · 프로그래밍

프론트엔드

실전 프로젝트로 배우는 타입스크립트

Name: 실전 프로젝트로 배우는 타입스크립트
Price: 55000 KRW

"타입스크립트 입문 - 기초부터 실전까지"의 실전 활용편입니다. 입문 편을 수강하지 않으신 분들은 입문 편부터 수강해주세요 😄

(4.8) 수강평 205개

수강생 2,680명

장기효(캡틴판교)

TypeScript ES6

중급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 걸 배울 수 있어요

타입스크립트 개발
자바스크립트에 타입스크립트를 적용하는 방법
타입스크립트에서 외부 라이브러리 사용하는 방법
프런트엔드 개발 환경
프런트엔드 개발
프런트엔드 개발 빌드 시스템
ES6
타입 시스템

타입스크립트 입문, 그 두 번째!
실전 프로젝트로 자신있게 활용해보세요.

인프런 누적 수강생 8,000명 돌파 인기 강의
캡틴판교 타입스크립트 시리즈, 책으로 재탄생!

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

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

도서 보러 가기 >>

실전에서도 타입스크립트를! 🤗

타입스크립트 입문 강의의 후속 강의입니다. 타입스크립트 입문 강의에서 배운 내용을 바탕으로 간단한 프로젝트를 함께 진행해 봅니다. 자바스크립트로 만들어진 소규모 웹 사이트에 타입스크립트를 점진적으로 적용해 보면서 타입스크립트의 기본 문법과 개념을 체화하는 강의입니다.

강의에서
배우는 주제들 👨‍🏫

자바스크립트 프로젝트에 타입스크립트를 점진적으로 적용해 나가는 방법
개발 생산성을 높이는 프런트엔드 개발 환경 설정 ESLint, Prettier, Babel, Typescript
타입스크립트에서 외부 라이브러리 사용하는 방법
유틸리티 타입 (제네릭 타입) 활용 방법
타입스크립트의 내장 타입과 타입 추론에 대한 이해

재미있는
프로젝트 해봐요 🎲

[최종 프로젝트]
코로나 실시간 세계 현황판

예상 Q&A 🙋🏻‍♂️

Q. 타입스크립트를 배우려고 하는데 이 강의를 들으면 될까요?

이 강의는 타입스크립트 입문의 후속 강의입니다. 타입스크립트를 처음 입문하시는 분들은 타입스크립트 입문 강의를 먼저 수강하시고 이 강의를 들어주세요.

Q. 프론트엔드 개발에 익숙하지 않은데 수강해도 될까요?

이 강의는 JavaScript의 기초적인 개념 (변수, 함수, 객체, 반복문, DOM 조작 등)을 알고 계신 분을 대상으로 구성한 강좌입니다. 자바스크립트의 기본 문법을 전혀 모르시는 분들에게는 적합하지 않은 강좌이기에 아래의 사이트로 선수 학습을 하신 후에 수강하시는 것을 추천드립니다!

Q. 실무에서 자바스크립트만으로도 잘 개발하는데 타입스크립트도 학습해야 할까요?

복잡한 웹 애플리케이션을 여러 명이서 개발해보신 경험이 있다면 아마 문서화가 잘 된 코드, 가독성이 높고 한눈에 의미를 파악하기 쉬운 코드를 선호하실 거라고 생각합니다. 타입스크립트는 이러한 장점들을 극대화 시킬 뿐만 아니라 코드를 쉽게 작성하도록 도와주고 향후 애플리케이션을 실행했을 때의 버그도 미리 줄여줄 수 있습니다. 학습해 보시면 개발하는 게 더 편해지실 거예요.

Q. 이 강의를 들으면 바로 실무에 적용할 수 있나요?

이 강의는 자바스크립트로 만들어진 간단한 웹 사이트에 점진적으로 타입스크립트를 적용하는 방법에 대해서 배웁니다. 실제 서버에서 데이터를 호출하여 화면을 구성하고 외부 라이브러리도 사용하기 때문에 실제 서비스 환경과 유사한 구조입니다. 실무에서 부딪힐 수 있는 문제들을 미리 경험해 보시면서 탄탄한 타입스크립트 기본기를 닦으실 수 있습니다.

Q. 강의 안에서 어떤 교안을 사용하나요?

강의 교안은 옆의 사이트, 타입스크립트 핸드북을 활용합니다 😄

연관 로드맵 🚎

Vue.js와 TypeScript로 정복하는 프론트엔드 개발
캡틴판교님의 뷰 + 타입스크립트로 한 번에
배우는 강의들로 구성된 로드맵입니다.이 강의 포함

지식공유자 소개 👨‍🏫

장기효 (캡틴판교)

현 프론트엔드 개발자
"Do it! Vue.js 입문", "쉽게 시작하는 타입스크립트" 저자
네이버, 이베이코리아, 삼성, LG, SK그룹 등 Vue.js 강의
패스트캠퍼스 Vue.js 정복캠프 강의
Google 웹 기술 공식 사이트 번역자
기술 블로그, Github

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

“강의 수익으로 Vue.js 오픈소스 +
생활코딩을 후원합니다 😁”

강의 할인을 제공합니다!

시리즈 "Vue.js로 완성하는 프론트엔드
개발자 로드맵" 25% 할인 (클릭)

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

타입스크립트를 처음 시작하시는 분들
타입스크립트 입문자
자바스크립트에 타입스크립트를 적용하고 싶은 분들
프런트엔드 개발자
자바스크립트의 기본 문법을 알고 있는 웹 개발자
타입스크립트로 되어 있는 프로젝트에서 퍼블리싱을 해야 하는 퍼블리셔

선수 지식,
필요할까요?

자바스크립트 기본 개념
타입스크립트 입문 강의

안녕하세요
장기효(캡틴판교)입니다.

46,770

명

수강생

4,479

개

수강평

3,812

개

답변

4.9

점

강의 평점

개

강의

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

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

커리큘럼

전체

78개 ∙ (5시간 53분)

섹션 1. 고급 타입

6개 ∙ (37분)

유틸리티 타입 소개
03:18
유틸리티 타입 사례 - Pick
10:03
Omit 타입과 기타 유틸리티 타입 목록 소개
03:09
유틸리티 타입 사례 - Partial
07:56
유틸리티 타입 구현
09:51
유틸리티 타입 구현 내용 정리
03:13

섹션 2. 맵드 타입(Mapped Type)

2개 ∙ (7분)

맵드 타입 소개
02:55
맵드 타입 예제
05:00

섹션 3. 최종 프로젝트 안내

4개 ∙ (16분)

섹션 4. 최종 프로젝트 - 프로젝트 구성 및 타입 시스템 적용

5개 ∙ (35분)

섹션 5. 최종 프로젝트 - 점진적인 타입 적용

10개 ∙ (46분)

섹션 6. 최종 프로젝트 - 점진적인 타입 적용을 위한 프로젝트 환경 구성

12개 ∙ (44분)

섹션 7. 최종 프로젝트 - 외부 라이브러리 모듈화

10개 ∙ (35분)

섹션 8. 최종 프로젝트 - API 함수 타입 정의

13개 ∙ (59분)

섹션 9. 최종 프로젝트 - 차트 라이브러리 타입 정의

2개 ∙ (10분)

섹션 10. 최종 프로젝트 - ES6 문법

4개 ∙ (14분)

섹션 11. 최종 프로젝트 - 엄격한 타입 적용

9개 ∙ (40분)

섹션 12. 마무리

1개 ∙ (4분)

강의 게시일: 2020. 12. 20.

마지막 업데이트일: 2020. 12. 21.

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

실전 프로젝트로 배우는 타입스크립트

중급자를 위해 준비한 [프론트엔드, 웹 개발] 강의입니다.