인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
BEST
개발 · 프로그래밍

/

프로그래밍 언어

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

TypeScript(타입스크립트)를 하나도 모르더라도 강의 하나로 Typescript 문법 고수로 만들어주는 고농축 Typescript 문법 강의입니다.

(5.0) 수강평 48개

수강생 942명

TypeScript
Thumbnail

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

이런 걸
배워요!

  • TypeScript

  • Experimental Decorator

  • Reflect Metadata

  • Generic

강의 하나로 타입스크립트 완전 정복! 
단숨에 TS 고수가 될 수 있습니다. 

수강 전 필독! 먼저 확인해주세요.

이 강의에서 배울 만한 내용이 있을지 확인할 수 있도록 실제로 배우는 예제를 정리해두었습니다. (바로가기) 이미 TypeScript를 어느 정도 할 줄 아는 분이라면 먼저 예제를 확인해보세요!

TypeScript는 JavaScript로 컴파일되는 언어입니다. 이 강의는 TypeScript 자체에 집중한 만큼 JavaScript에 대해서는 전혀 설명하지 않습니다. 제가 만든 무료 JavaScript 강의가 있으니 꼭 먼저 수강하신 다음 TypeScript 강의를 진행하시길 바랍니다.

자바스크립트 개발자라면 
놓치지 말아야 할 타입스크립트

코드팩토리 타입스크립트 입문
이 강의가 특별한 3가지 포인트!

  • ✅ TypeScript를 바라보는 시야가 달라집니다.
  • ✅ 회사에서 TypeScript를 가장 잘 사용하는 개발자 중 한 사람이 됩니다.
  • ✅ TypeScript 없이 JavaScript를 쓰던 시절로 돌아가고 싶지 않게 됩니다 :)

JavaScript는 현대 프로그래밍에서 가장 많이 사용하는 프로그래밍 언어 중 하나입니다. 그리고 TypeScript는 JavaScript와 떼어놓을 수 없을 정도로 JavaScript 생태계에서 막대한 역할을 하고 있습니다.

가장 인기 있는 JavaScript 백엔드 프레임워크 중 하나인 NestJS가 TypeScript를 기본으로 사용하고, 가장 인기있는 프론트엔드 프레임워크 중 하나인 NextJS 역시 TypeScript를 기본으로 사용합니다. 엔터프라이즈급 대규모 프로젝트에서 JavaScript는 더이상 TypeScript 없이 사용할 수 없는 존재가 되었습니다.

TypeScript는 Stack Overflow 2022년 서베이에서 가장 사랑받는 언어 4위를 기록하며 실제 컴파일되는 대상인 Javascript보다 높은 순위에 오르기도 했습니다.

“JS 개발자가 굳이 TS를 따로 공부할 필요가 없다”? 그렇지 않습니다!

많은 사람들이 “JavaScript를 잘 다룬다면 TypeScript를 따로 시간내서 배울 필요는 없다”고 생각하는 경향이 있습니다. 하지만 이건 매우 잘못된 생각입니다. 제가 TypeScript 강의를 기획하게 된 배경도 이런 이유 때문입니다.

처음 단순한 타입을 다뤄보면서 TypeScript는 별로 배울 게 없다고 생각하는 사람들이 있지만, 실제 잘 짜여진 TypeScript 기반 프로젝트르 분석해 보면 이해하기 어려운 타입 선언이 매우 많다고 느끼게 됩니다. 이때 복잡하고 고도화된 TypeScript 선언에 대한 지식이 부족하면 any 타입을 남발하며 TypeScript를 안 쓰니만 못한 프로젝트가 될 수 있습니다. 제 강의는 바로 이런 문제를 해결하기 위해 짜여진 강의입니다.

만약에 아래 예제 중 모르겠는 예제가 하나라도 있다면 이 강의를 꼭 수강하세요. JS/TS 개발자로 일하는 평생 가장 잘한 일 중 하나가 될 수 있을 거라 보장해드립니다. 모두 강의에서 직접 설명하는 예제로, 강의를 수강한다면 완전히 이해할 수 있게 됩니다.

🔎 예제를 직접 체크해보세요.

1) Reflection

2) Inheritance with Class Decorator

3) Override Method with Method Decorator

4) Constructor Type

5) Type Predicate

6) Ternary Type

7) Key / Value Mapping

8) Exhaustive Checking

오직 TypeScript 실력 향상에 집중한 커리큘럼

💡 이 커리큘럼은 온전히 Typescript 문법에 초점을 맞추고 있습니다. HTML/CSS, JavaScript 등 강의 주제와 연관이 없는 코드는 전혀 작성하지 않는 고농축 TypeScript 강의입니다. 또한, 앞으로 공개될 NestJS와 NextJS 강의의 첫 발판이 되는 강의인 만큼 목적에서 벗어나지 않도록 TypeScript 문법에 확실하게 집중하였습니다.

혹시 여러분의 고민은 아닌가요? 
제대로 만든 TS 강의를 만나보세요.

위 예제 중에서 이해하기 어려운 코드가 있는 분

현직 JavaScript 개발자 또는 JavaScript 학습 후 그 다음 기술/강의를 찾고 있는 분

강의 하나로 TypeScript를 정복하고 싶은 분

💬 Typescript를 잘 할 줄 안다고 생각했는데 오픈소스 프로젝트들을 보면 도저히 타입을 이해할 수 없어요!

TypeScript에 대한 깊은 이해도가 부족해서 그렇습니다. 단순히 프리미티브(Primitive) 타입을 선언하는 방식만 간단히 배워봤다면 TypeScript의 너무 표면적인 부분만 배웠습니다. 많은 개발자들이 이런 실수를 하는데 이 강의를 통해서 복잡하고 정확한 타입 선언법과 TypeScript가 어떤식으로 타입을 추론하고 인지하는지 배울 수 있습니다. 

💬 JavaScript는 배웠는데, TypeScript는 하나도 할 줄 몰라요.

전혀 걱정할 필요가 없습니다. 심지어 JavaScript를 할 줄 모르더라도 제가 무료로 제공해드리는 JavaScript 강의를 수강한 후 TypeScript 강의를 수강하시면 됩니다. TypeScript 강의는 JavaScript 강의만 수강했다는 가정하에 철저히 초보자도 따라갈 수 있을 정도로 난이도롤 천천히 올리면서 진행하고 있습니다.

💬 NestJS, NextJS 등 최근 많이 사용되는 인기 JavaScript 프레임워크들을 잘 사용하고 싶어요!

현대 인기 JavaScript 프레임워크들은 기본적으로 TypeScript를 사용하고 있습니다. 인기 프레임워크들은 엔터프라이즈 그레이드에서 사용이 가능해야 하기 때문에 협업과 유지보수에 유리하게 설계되며 TypeScript가 필수불가결하게 요구됩니다. JavaScript 대세 프레임워크나 라이브러리를 잘 사용하고 싶다면 꼭 이 강의를 통해 TypeScript를 배워보세요! 실제로 제가 제작할 NestJS 및 NextJS 강의를 진행하기에 앞서 필요한 지식들을 모두 모아두었습니다.

기본기가 탄탄해야 
훨씬 위로 올라갈 수 있으니까.

프로그래밍 이론 학습은 충실하게

제가 진행하는 모든 프로그래밍 언어 강의는 이론에 충실한 강의입니다. 언어 문법은 이론에 충실해야 하고, 초급 프레임워크 강의는 재미가 있어야 하며, 중급부터는 지식의 깊이가 중요하다고 생각합니다.

그렇기 때문에 이번 타입스크립트 입문 강의에서는 수강생 여러분이 언제든 다시 돌아와서 빠르게 기억나지 않는 부분을 찾아볼 수 있도록 커리큘럼을 꼼꼼하게 정리하였습니다.

앞으로의 빌드 업까지 생각한 강의

저는 강의를 제작할 때 파이프라인을 구상하며 제작합니다. JavaScript, TypeScript 같은 언어 강의 또한 NextJS, NestJS 강의를 위한 빌드 업으로 기획되었습니다. 때문에 인기 JavaScript 프레임워크/라이브러리를 잘 사용하기 위해 기본기를 쌓는 용도로도 적합합니다. 물론, 완전 초보도 따라올 수 있도록 제작되었기 때문에 TS 관련 지식이 전혀 없더라도 강의를 진행하는 데는 전혀 문제가 없습니다.

유일한 선수 지식은 제가 인프런에 완전 무료로 배포한 JavaScript 강의입니다. 꼭 먼저 수강하신 다음 TypeScript 강의를 진행해 주세요.

상세 커리큘럼

1) 기본기

TypesScript의 기본 타이핑에 대해 알아봅니다. 프리미티브 타입, 기본 유니언 및 타입 선언 등 고급 과정을 진행하기 위한 선수 지식을 학습합니다.

2) 유니언과 인터섹션 그리고 내로잉

타입을 조합할 수 있는 기능인 유니언과 인터섹션에 대해 간단히 배워보고 타입을 더욱 세부화할 수 있는 8가지 내로잉 기법을 정리해 봅니다.

3) 함수 시그니처 타이핑 및 타입 프리디케이트

함수 선언에 타입을 추가하는 법과 함수 시그니처를 타입으로 표현하는 방법에 대해 배워봅니다. 추가로 타입 프리디케이트 선언법과 사용법에 대해 배워봅니다.

4) 타입과 인터페이스의 차이점 비교 및 익스텐션과 인터페이스 머징

TypeScript를 제대로 배우지 않으면 가장 먼저 헷갈리기 시작하는 요소가 타입과 인터페이스의 차이입니다. 이 섹션에서는 타입과 인터페이스의 차이에 대해 알아보고 각각의 익스텐션 방법에 대해 알아봅니다.

5) Any / Unknown / Never

특수 타입인 any, unknown 그리고 never 타입에 대해 배워봅니다. 특히 any와 unknown의 차이점은 잘 정리해뒀으니 적절한 상황에 알맞은 타입을 사용하세요!

6) Array (배열)

Array 타입 선언법에 대해 알아보는 섹션입니다. 헷갈릴 수 있는 비슷한 모습의 타입 선언과 Multi Dimension Array 선언법에 대해 알아봅니다.

7) Tuple (튜플)

Tuple은 JavaScript에는 존재하지 않지만 TypeScript에서는 매우 유용하게 사용할 수 있는 특수 Array 타입입니다. Array를 Tuple로 강제 유추하는 법과 직접 선언하는 법을 배워봅니다.

8) Object (객체)

JavaScript에서 가장 중요한 타입 중 하나인 객체 타입을 TypeScript에서 다루는 다양한 방법을 배워봅니다. 마지막 강의에서는 다양한 방법으로 Key Value Mapping 하는 법을 학습합니다.

9) Class (클래스)

Class 선언부터 전반적인 Typescript의 객체지향 프로그래밍 지식을 알아봅니다.

10) Generic (제네릭)

객체지향 프로그래밍의 꽃인 Generic을 다양한 형태로 사용하는 방법에 대해 배웁니다.

11) Utility Type (유틸리티 타입)

선언돼 있는 타입을 보다 쉽게 변형할 수 있는 유틸리티 타입들에 대해 배워봅니다. 자주 사용하는 타입 12가지를 정리해뒀습니다. 추후 주요 타입들이 추가된다면 계속 수업이 업데이트될 예정입니다.

12) Experimental Decorator (실험적 데코레이터)

다양한 문맥에서 Experimental Decorator를 사용하는 방법에 대해 배워봅니다. Decorator는 아직 정규 TypeScript 버전에 병합되지 않았지만 매우 성숙한 상태이며 NestJS 등 다양한 프레임워크와 라이브러리에서 이미 적극적으로 사용되는, 꼭 잘 알아둬야 할 지식입니다.

13) Reflect Metadata

Reflect Metadata와 Experimental Decorator를 사용해서 Experimental Decorator를 더욱 강력하게 사용해보는 방법에 대해 배워봅니다. 이 둘을 조합하면 무궁무진한 가능성이 있으니 잘 숙지해두세요!

14) Namespace

이제는 더이상 사용되지 않지만, 오래된 프로젝트에서 만날 수 있는 Namespace에 대해 배웁니다.

15) ECMA Module

Import와 Export를 진행하는 다양한 방법에 대해 배워봅니다.

Q&A 💬

Q. 정말 아무것도 몰라도 배울 수 있나요?

JavaScript는 알아야 강의를 따라올 수 있습니다. 하지만 저는 모든 선수 지식을 제 강의 생태계 안에서 해결 할 수 있도록 강의를 제작 중입니다. 제 JavaScript 강의는 평생 완전 무료이니 먼저 수강한 후 이 강의를 수강해주세요.

Q. TypeScript가 업데이트되면 새로운 강의로 판매하시나요?

제 TypeScript 강의는 이 강의가 처음이자 마지막입니다. 한 번 구매하면 이 강의에 대한 모든 업데이트를 무료로 받으실 수 있으며 인프런이 보장하는 평생 소장 강의입니다.

Q. 컴퓨터 스펙은 어느 정도가 필요한가요?

정말 너무 오래된 컴퓨터만 아니라면, 운영체제의 버전만 최신 버전이면 문제 없습니다. Node.js와 TypeScript 그리고 VSC만 설치된다면 문제없이 강의를 따라올 수 있습니다.

💾 수강 전 확인해주세요! 

  • 이 강의는 Typescript 문법을 정확히 이해하는 데 초점을 맞췄습니다. 때문에 실전 예제나 실습은 따로 포함하지 않습니다. (만약 요청이 많다면 추후 업데이트될 순 있습니다.) 실전은 NestJS 및 NextJS 강의 등 실제 프레임워크를 다루는 강의에서 집중적으로 진행하게 됩니다.
  • 실습 환경으로는 Windows 10 이상 또는 macOS 최신 버전이 탑재된 PC와 TypeScript, Node.js 및 VSC 사용이 가능한 Linux 운영체제 2가지가 필요합니다.
  • IDE로는 Visual Studio Code를 사용합니다. 좋아하는 IDE가 따로 있다면 다른 걸 사용해도 큰 문제가 없습니다.
  • 최신 Stable 버전의 Node.js를 사용합니다.
  • 실습 내용에 대한 모든 코드 자료는 GitHub 레포지토리를 통해 제공됩니다.
  • 코드팩토리 커뮤니티를 통해 언제든지 도움을 받을 수 있습니다.

누적 수강생 9,000명 이상 
지식공유자 코드팩토리입니다!

저는 2022년 플러터 강의를 시작으로 인프런 및 유튜브에서 꾸준히 활동을 해왔습니다. 비교적 작은 생태계인 플러터 강의만으로 인프런 2022 Rookie of the Year를 달성했고, 이제 저의 메인 기술 영역인 Javascript 스택과 DevOps 그리고 클라우드 쪽으로 강의 파이프라인을 확장하기 위해 다양한 강의를 준비 중입니다.

(인프런이 만난 사람, 코드팩토리 인터뷰 >>)

Javascript 강의로 제 강의력을 판단하기 어렵다면 인프런 내 코드팩토리의 플러터 강의 후기를 확인해보세요! 항상 발전하고 좋은 강의를 제작하는 코드팩토리가 되겠습니다.

★★★★★

17년차 개발자입니다. 이 강의는 플러터에 입문하시는 분들에게도 추천하고, 실무용 프로젝트에도 매우 유용한 강의입니다. 이보다 좋은 강의가 없네요. 여기가 진짜입니다. 수강료가 아깝지 않을 정도로 깔끔하게 설명해주시고, 정말 많은 도움을 받고 있는 강의입니다.

★★★★★

정말 완벽에 가까운 강의입니다. 플러터를 공부하려고 거의 모든 책을 구매하였고, 온라인 클론 코딩도 많이 접하였습니다. 다른 플랫폼에서 플러터에 대해 정말 차근차근 잘 알려주는 강의도 들어봤습니다. 그런데 이게 제일 유용합니다. 가장 실무적이고 가성비가 있습니다. 이것을 먼저 배우고 부족한 부분을 채워나가시길 진심으로 조언합니다.

★★★★★

그 많은 강의들 중에서 코드팩토리님의 강의는 베스트 오브 더 베스트라고 생각합니다. 제가 본 다른 강의들의 대부분이 어느 한 부분에서 소홀하거나 패스하는 경우가 많아서 배우는 입장에서 연결이 되지 않아 이해를 놓치고 아쉬운 경우가 정말 많았는데 코드팩토리님의 강의는 그런 게 없습니다. 일단 들어보시면 후회 안 하실 겁니다. 후회가 아니라 만족과 더불어 저처럼 찐팬이 되시리라 생각합니다.

★★★★★

전세계 플랫폼, 유튜브, 오프라인 강의 통틀어 플러터 관련 제일 좋은 강의 중 하나가 아닐까 싶습니다. 한국어가 모국어라 이 강의를 들을 수 있다는 점에 다행이다 싶을 정도입니다. 실무적인 부분과 기술적인 부분이 함께 양립되어 있고, 제대로 개념을 하나하나 깨우치면서 단계를 밟아나가는 강의는 이 강의만한 것이 없다고 생각합니다.

수강생을 위한 특별한 추가 혜택

1) 강의에 추가됐으면 하는 TypeScript 문법 관련 내용이 있다면 지체 말고 추천해주세요. 저의 TypeScript 강의는 이 강의 하나로 끝이며 추후 추가되는 내용은 모두 이 강의에 추가됩니다. 그러니 한 번의 구매로 앞으로의 모든 업데이트를 받아보실 수 있습니다.

2) 정기적으로 유튜브에서 라이브 방송을 진행하고 있습니다. 모든 유형의 개발 고민과 질문을 받고 있으며 강의를 진행하며 어려움이 있을 경우 즉각적으로 대답을 드릴 수 있는 시간을 할당하기 위해 노력 중입니다. 더이상 소통이 안 되는 강사 때문에 스트레스 받지 마세요!

3) 강의 구매 후 인프런 이메일 인증 시 Discord 유료 커뮤니티에 입장 가능합니다. 또한 잘 활성화되어있는 코드팩토리 공식 카카오 채널도 적극 활용해주세요!

4) 어떤 프로그래밍 기술을 배우든 환경설정은 수강생들이 매우 어려워하는 요소 중 하나입니다. 물론 직접 해결하려고 노력하는 모습은 좋은 개발자가 되기위해 매우 중요한 요소이지만 도저히 못하겠다면 지체말고 저를 활용해주세요. 저희 카카오 채널에 들어오셔서 강의를 말씀해 주신 다음 원격 신청을 해주시면 시간 조율 후 환경설정은 모두 직접 봐드리고 있습니다! 더이상 시작도 못한 채 포기하지 마세요!

코드팩토리 통합 링크 바로가기

코드팩토리의 지난 강의가 궁금하다면?

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • TypeScript를 깊게 배워보고 싶은 사람

  • JavaScript를 배우고 다음 강의를 찾는 사람

  • 라이브러리/프레임워크의 TS 정의 읽는 걸 어려워하는 사람

  • 우리 회사에서 TS 제일 잘하고 싶은 사람

선수 지식,
필요할까요?

  • JavaScript

안녕하세요
코드팩토리입니다.

수강생 수

23,884

수강평 수

1,189

강의 평점

5.0

강의 수

6

안녕하세요 프로그래밍 강사 코드팩토리입니다!

코드팩토리 통합 링크
https://links.codefactory.ai

 

🏭 코드팩토리 유튜브 바로가기
🔥 코드팩토리 Discord 바로가기
💬 코드팩토리 카카오 오픈톡 바로가기

 

💼 주식회사 코드팩토리 대표

 

🏆 2023년 인프런 베스트셀러 수상

🏆 <<Must Have 코드팩토리의 플러터 프로그래밍>> 서적 2023 상반기 교보문고 컴퓨터/IT 부문 베스트셀러 23위

🏆 AWS Certified Developer Associate

🏆 AWS Certified Solutions Architect

커리큘럼

전체

77개 ∙ (8시간 10분)

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

수강평

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