한 입 크기로 잘라먹는 타입스크립트(TypeScript) 대시보드

초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.

문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻‍♀️로 만들어드립니다.

프론트엔드의 피할 수 없는 대세 타입스크립트,
이제는 제대로 정복할 때가 왔습니다! 😎

인프콘 2023 "타입스크립트는 왜 그럴까?" 발표자의 강의입니다.

🧐 배워도 배워도 헷갈리는
타입스크립트, 이제 제대로 배워봐요

이제는 피할 수 없는 대세가 되어버린 '타입스크립트(Typescript)'!
원리를 제대로 이해하지 못한 채 문법만 대충 배웠다면
타입스크립트가 제공하는 강력한 기능들을 제대로 이용하기 어렵습니다.

이 강의는 단순한 타입스크립트의 문법만 나열해 놓은 강의가 아닙니다.
문법을 포함해 타입스크립트가 왜 그렇게 동작하는지 그리고 어떻게 설계되었는지
아주 쉽고 재미있게 알아봅니다.
강의가 끝나고 나면 이제 여러분은 타입스크립트 마법사가 되어 있을 거예요. 🧙🏻‍♀️
아래 그림과 같은 강의와 함께 보실 수 있는 핸드북도 제공됩니다!

어렵고 복잡한 개념도
쉽고 재미있게 살펴볼 거예요

타입스크립트는 수학의 '집합론'을 기반으로 동작하는 언어이기 때문에
말과 글로만은 원리를 확실히 이해하기 어려울 수 있어요.
그래서 다양한 시각 자료와 사례들을 준비했어요.
아무리 어렵고 복잡한 개념이더라도 쉽고 재미있게 살펴볼 거예요.

이런 분들께 추천해요 🙆‍♀️

자바스크립트 학습을 마치고 타입스크립트를 처음 배우려고 하는 분

타입스크립트를 배워봤지만 아직 헷갈리는 점이 많은 분

정확한 타입스크립트의 개념과 동작 원리를 이해하고 싶으신 분

리액트(React)와 타입스크립트를 함께 사용해 보고 싶으신 분

강의 특징 ✨

🎨
언제나 어디서나
시각 자료에 진심인 편

깔끔하고, 예쁘고, 멋진 시각 자료로 학습하면 집중도 더 잘 되고 기억에도 더 오래 남을 거라고 믿어요.
모두 직접 만든 이미지들이라 캡처해서 학습 블로그 포스팅에 이용하셔도 됩니다. 😃

학습 내용 📚

📌 SECTION 1. 타입스크립트 개론

기술을 잘 이해하려면 그것이 어떤 배경에서 탄생했는지 알 필요가 있습니다. 따라서 1 섹션에서는 타입스크립트의 탄생 배경을 살펴보며 타입스크립트가 해결하고자 했던 문제가 무엇이고, 어떤 특징을 가지는지 자세히 살펴봅니다.

📌 SECTION 2~3. 타입스크립트 기초 다지기

가장 기본적인 타입스크립트의 문법을 살펴봅니다. 동시에 타입스크립트가 말하는 타입이란 정확히 무엇인지, 그리고 타입들이 서로 어떤 관계를 맺고 어떻게 동작하는지 살펴봅니다.

📌 SECTION 4~6. 타입스크립트 문법 살펴보기

함수 타입 정의, 함수 오버로딩, 인터페이스, 클래스 등 타입스크립트의 다양한 기능과 문법을 살펴봅니다.

📌 SECTION 7~9. 마법사처럼 타입을 조작하기

타입스크립트의 가장 독특하면서도 강력한 기능인 타입 조작 기능에 대해 살펴봅니다. 제네릭, 인덱스드 엑세스 타입, 맵드 타입, Keyof 연산자, 조건부 타입 등 아주 다양한 타입스크립트의 타입 조작 문법을 살펴봅니다.

📌 SECTION 10. 유틸리티 타입 이용하기

타입스크립트가 기본적으로 제공하는 여러 가지 유틸리티 타입들에 대해 살펴봅니다. 또 살펴본 유틸리티 타입을 지금까지 배운 지식을 이용해 직접 구현해 봅니다.

📌 SECTION 11. (Bonus +) 리액트에서 타입스크립트 사용하기

이대로 끝나면 아쉽죠? 그래서 보너스 섹션으로 준비했습니다. 아주 간단한 투두 리스트를 함께 만들어 보며 리액트 프로젝트에 타입스크립트를 적용하는 방법에 대해 살펴봅니다.

예상 질문 Q&A 💬

수강 전 참고 사항 📢

선수 지식

1. 자바스크립트 ES6 버전 이상(화살표 함수 등)을 사용해 본 경험이 있어야 합니다.
2. 보너스 섹션을 들으시기 위해서는 이전 강의(한입 크기로 잘라먹는 리액트) 정도의 리액트 사전 지식이 필요합니다.

유의 사항

1. 모든 실습 코드를 직접 따라 작성하시면서 학습하시는 걸 권장합니다.
2. 강의에서 배운 내용을 개인 블로그에 따로 정리하시는 걸 강력히 권장합니다.
3. 질문이 있다면 망설이지 말고 질문 게시판이나 수강생 커뮤니티에 올려주시면 됩니다.

지식공유자 소개 ✒️

무엇이든 쉽고 재미있게 설명할 방법이 있다고 믿는 교육자이다. 출시 1년 만에 인프런, 유데미에서 약 5,000명의 수강생을 배출한 ‘한입 크기로 잘라 먹는 리액트’ 강의를 만들었다. 개발자를 희망하는 이들을 돕기 위해 개발자 지식 공유 사이트 DEVSTU를 만들어 약 2년간 운영하고 있다. 2022년부터는 리액트를 공부하는 사람들을 위한 오픈 채팅방도 개설해 운영한다. 또한 주니어 개발자를 위한 서비스 스타트업 CTO로 2년간 근무했다.

이력 사항

• 인프콘 2023 연사 - "타입스크립트는 왜 그럴까?"
• 한 입 크기로 잘라먹는 도서 출간(인사이트)
• 2022 인프런 어워즈 수상(널리 알렸상)
• 한 입 크기로 잘라먹는 리액트 강의 출간
• 전) 22Hours CTO | FrontEnd Developer
• 대학생 개발자 지식 공유 커뮤니티 DEVSTU 개발 및 운영 

포트폴리오/개인 영상

이런 분들께 추천드려요!