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

/

웹 개발

@시코 - TypeScript 제대로 배우기(초중급)

깊이있는 수업으로 최고의 웹 개발자가 되기 위한 타입스크립트 강좌입니다. 완강 했을 때 타입스크립트의 본질을 꿰뚫을 수 있어, 다음으로 배우게 될 리액트와 넥스트, 네스트 등의 고수가 될 수 있습니다.

44명 이 수강하고 있어요.

TypeScriptReactJavaScript

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

이런 걸 배울 수 있어요

  • 깊이있는 타입스크립트의 핵심 원리와 실무

  • 리액트와 넥스트, 네스트의 고수가 되기 위한 최고급 타입스크립트 코딩 기술

  • 리액트 등 TS 프레임워크 개발 사전 학습

기초부터 심화까지

본질을 꿰뚫는 TypeScript 과정

🧐무엇이 다른가요?

본 강의는 TypeScript를 사용하는 프론트엔드 및 백엔드 개발자가 실무에서 반드시 숙지해야 할 핵심 주제들을 체계적으로 구성하여 제공합니다!

JavaScript를 기반으로 한 TypeScript의 타입 시스템과 고급 문법을 명확한 이론 설명과 함께,

실제 코드에 바로 적용할 수 있도록 설계되어 있으며 정적 타입의 장점을 이해하고 활용할 수 있도록 도와줍니다.


🧐강의 특성

실제 오프라인 수업 강의를 온라인으로 만나볼 수 있는 기회가 될 것입니다.

객체지향 개념과 컴파일러 개념까지 배웁니다.

특히 CoVariance(공변성)과 Freshness의 개념을 익혀 논리적으로 모든 것이 설명되도록 합니다.

TypeScript를 익혀 React 코딩에 무기가 되고 Java, Rust와 같은 다른 언어를 배우는 데 많은 도움이 될 것입니다.

✍어떤 걸 배우나요?

TypeScript 핵심 재정비

타입 시스템의 원리, 타입 추론, 유니언/인터섹션 타입, 타입 가드, 인터페이스와 타입 별칭 등의 TypeScript의 핵심 문법과 개념을 깊이 있게 학습합니다.

확장성 있는 코드 작성

Generic, Utility types를 이용해 유연하면서도 재사용 가능한 함수와 컴포넌트를 작성하는 법을 배우고, 타입 추론과 제한을 능숙하게 다루는 방법을 학습합니다.

고급 타입 시스템 활용

Mapped types, Conditional types, Utility types, Template literal types 등

고급 타입 문법을 통해 실제 복잡한 데이터 구조를 모델링하는 능력을 기릅니다.

실전 중심의 타입 안전 코딩

실제 프로젝트에서 발생할 수 있는 다양한 문제를 타입 기반으로 어떻게 미리 예방하고, 유지보수 가능한 코드를 작성할 수 있는지 학습합니다.

Typescript 컴파일러 대해서...

🤔어떻게 진행되나요?

슬라이드로 만들어진 본질을 꿰뚫는 Typescript교제 링크 제공.
실제 수업에 사용되어진 코드 git 링크 제공

단순히 코드로 확인하는 것 뿐만이 아닌 Typescript가 내부에서 어떻게 동작하는지, 메모리는 어떻게 사용되는 지 등의 다양한 내부적 학습요인들을 직접 그려가며 설명합니다
또한 추가적인 실습을 통해 다양하게 접근합니다

Playground를 통한 실습...

타입 시스템...

📖강의 구성

1. TS - 시작하기.mp4_snapshot_04.23_[2025.04.18_17.07.01]

TypeScript 가 왜 등장하였는지?

왜 필요한지? 어떻게 발전하였는지? 등의

원론적인 부분도 공부합니다

2. TS 컴파일러 이해하기.mp4_snapshot_07.10_[2025.04.18_17.09.05]


TypeScript의 사용을 넘어

내부적 동작까지

파헤쳐 봅니다


4. union & literal type (1).mp4_snapshot_26.12_[2025.04.18_17.09.29]

사용법 뿐만 아니라

설정과 옵션 등 실제 프로젝트에서 사용할

옵션들 또한 공부합니다

3. Type System.mp4_snapshot_21.01_[2025.04.18_17.11.05]

개념적인 설명을 넘어

직접적인 실습과 문제 해결을 통해

실무적인 부분을 공부합니다

📚커리큘럼

01. TS - 시작하기

02. TS 컴파일러 이해하기

03. Type System

04. union & literal type (1)

05. union & literal type (2)

06. Union과 Object Literal 정리

07. Object Type

08. Function Type (1)

09. Function Type (2)

10. Array & Tuple

11. interface (1)

12. interface (2)

13. class (1)

14. class (2)

15. 클래스 확장(extends)

16. 타입제한자

17. Generic (1)

18. Generic (2)

19. Utility types

20. Generic (3)

21. Generic (4)

22. 타입 선언 파일

23. 타입운영 (1)

24. 타입운영 (2)

😊 오프라인 수업 실제 수강후기

스크린샷 2025-04-15 213733
스크린샷 2025-04-15 214739

그저 코드를 입력해보는

것이 아닌 프로그래밍이란

무엇인지 느낄 수

있는 시간

덕분에 현재 취업을 해

회사에서도 선생님께서

알려주신 지식들을

유용하게 사용하고

있습니다

진심으로 작성되는 제자 후기

KakaoTalk_20250416_170738898
KakaoTalk_20250416_170738974

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 여러 부트캠프에서 여러번 배웠지만 제대로 다룰 수 없는 중급자

  • TS를 프로답게 코딩하지 못하는 실무자

  • 깊이있는 프레임워크를 배우기 위한 타입스크립트를 원하는 분

  • 리액트와 넥스트 등 프레임워크이 고수가 되려는 분

  • 타입스크립트의 본질을 꿰뚫어 웹 개발의 상위 1% 되려는 분

선수 지식,
필요할까요?

  • 자바스크립트 중급

안녕하세요
입니다.

3,305

명

수강생

80

개

수강평

16

개

답변

4.8

점

강의 평점

5

개

강의

 - 다음카카오 개발팀장(8년)

  - IT 기업 개발업무 및 스타트업(14년)

  - Youtube ‘시니어코딩’ 채널을 운영하여 개발 관련 기술 강좌를 하고 있으며, 현재 약 1 만 7천명의 구독자를 두고 있습니다.

https://www.youtube.com/c/SeniorCoding 

커리큘럼

전체

27개 ∙ (10시간 20분)

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

수강평

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