깜짝 쿠폰 이벤트! (기간 한정, 선착순)
기간 한정으로 사용하실 수 있는 30% 할인 쿠폰을 드립니다.
쿠폰 번호 : 13276-c2f78226991a
강의 링크 : https://inf.run/6ggp
(주변에 많이 많이 공유해주셔도 됩니다)
한 입 크기로 잘라먹는 시리즈의 2번째 강의
“한 입 크기로 잘라먹는 타입스크립트”는
배워도 배워도 자꾸만 헷갈리는 타입스크립트를 개념 이해와 함께 제대로 배워보는 강의입니다.
강의 소개 영상
![Video preview](https://i.ytimg.com/vi/rkezT_AiEQM/hqdefault.jpg)
플랫폼
수강 대상
- 자바스크립트 기본 문법에 익숙한 사람
- 타입스크립트를 배워보려 하는 사람
- 이미 타입스크립트를 배워보았지만 아직 헷갈리는 부분이 많은 사람
커리큘럼
한 입 크기로 잘라먹는 타입스크립트는 총 11개의 섹션으로 이루어져 있습니다.
- 총 60개의 수업
- 전체 플레이 타임 : 10시간 30분
🌱 Section 1. 타입스크립트 개론
기술을 잘 이해하려면 그것이 어떤 배경에서 탄생했는지 알 필요가 있습니다.
1섹션 에서는 타입스크립트의 탄생 배경을 살펴보며 타입스크립트가 해결하고자 했던 문제가 무엇이고
타입스크립트가 어떤 특징을 가지고 있는지 자세히 살펴봅니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F06cd79cd-7417-424d-a08d-92fedbaaa1a3%2FUntitled.png?table=block&id=76adff1f-e354-46ee-b654-a6b9187d00b8&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F64a4d597-113e-42a6-a28c-5d2d339d4913%2FUntitled.png?table=block&id=59013a21-9a41-486b-81e3-b6bf38e30353&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F09f54c81-36ad-4a5e-8f57-9fec548b3135%2FUntitled.png?table=block&id=cf633d37-6e88-4b9e-b213-7fc18557f92f&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F2a917aac-6c2f-4bda-be61-f73d9eccc989%2FUntitled.png?table=block&id=710dbfda-4887-40e0-a713-ff7aefef0c47&cache=v2)
🌱 Section 2 ~ 3. 타입스크립트 기초 다지기
가장 기본적인 타입스크립트의 문법을 살펴봅니다.
동시에 타입스크립트가 말하는 타입이란 정확히 무엇인지
그리고 타입들이 서로 어떤 관계를 맺고 어떻게 상호작용하는지 살펴봅니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F2bb094bb-99a7-4f19-82c7-57cf74efb04a%2FUntitled.png?table=block&id=f13a40f8-d13b-4a3b-93a4-fc49b284f7ed&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7d4493ec-340b-4b73-ba6f-8a1e648d066f%2FUntitled.png?table=block&id=62bbfca3-53d5-45a3-b92d-bad7db3ef7ee&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F84de0d14-6b84-4fc3-8065-81a26455ad08%2FUntitled.png?table=block&id=1f14e732-4a90-4094-9ba4-057bdc679052&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F096e1932-9a00-4cc9-9d16-693d9ef5088a%2FUntitled.png?table=block&id=1fb17bc9-404e-4c28-bf2a-b1675023b235&cache=v2)
🌱 Section 4 ~ 6. 다양한 타입스크립트 문법 살펴보기
함수 타입 정의, 함수 오버로딩, 인터페이스, 클래스 등
타입스크립트의 다양한 기능과 문법을 살펴봅니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc372c6dc-7908-48d0-8f31-e01e326c2af7%2FUntitled.png?table=block&id=f904daae-963e-42fc-be7e-253357a7f726&cache=v2)
🌱 Section 7 ~ 9. 마법사 처럼 타입을 직접 조작하기
타입스크립트의 가장 독특하면서도 강력한 기능인 타입 조작 기능에 대해 살펴봅니다.
제네릭, 인덱스드 엑세스 타입, 맵드 타입, Keyof 연산자, 조건부 타입 등
아주 다양한 타입스크립트의 타입 조작 문법을 살펴봅니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F170b5f02-01f3-4811-b647-65d07b5a494e%2FUntitled.png?table=block&id=647ba1d2-51a8-42c9-be22-c6f471e1d348&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdd216340-e16d-4dba-9689-e47db5f87c11%2FUntitled.png?table=block&id=ba8dfc56-e5db-4bcd-b362-60399c645473&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbc17ada6-4536-40fb-a4e3-c64b7d58f169%2FUntitled.png?table=block&id=4e657e56-54d4-4769-99dc-5af8b386d4d1&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F82654813-a0a5-4b42-a168-ed4c365a2831%2FUntitled.png?table=block&id=c14105ca-5703-4586-a90e-47b47c069d2e&cache=v2)
🌱 Section 10. 유틸리티 타입 이용하기
타입스크립트가 기본적으로 제공하는 여러가지 유틸리티 타입들에 대해 살펴봅니다.
유틸리티 타입을 지금까지 배운 지식을 이용해 직접 구현 해봅니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc38b0c40-64f2-4199-b99b-ccc9d95b9e03%2FUntitled.png?table=block&id=4f927cd1-337b-4698-8c72-4c91242f79a5&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc6f0394c-362a-4923-b5b7-b5e47bc7fd8d%2FUntitled.png?table=block&id=626ae897-942b-4a20-be17-7bcd4b26611d&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4883a32b-9589-443a-a49d-9294617fca66%2FUntitled.png?table=block&id=6182085a-0f9d-42f4-b879-0d08533a9cbe&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb4cdd817-7769-4a95-9954-df6cffc8ff42%2FUntitled.png?table=block&id=17c30b60-bc32-4138-8a1d-01c07a99ffae&cache=v2)
🌱 Section 11. 리액트에서 타입스크립트 사용하기(보너스)
이대로 끝나면 아쉽죠? 그래서 보너스 섹션으로 준비했습니다.
아주 간단한 투두 리스트를 함께 만들어보며
리액트 프로젝트에 타입스크립트를 적용하는 방법에 대해 살펴봅니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F01070a52-b84f-4639-b72f-bec91909264a%2FUntitled.png?table=block&id=f64117d3-05c8-416e-9a26-f9c266d2e25d&cache=v2)
이 강의의 특징
🎨 언제나 어디서나 시각 자료에 진심인 편
깔끔하고, 이쁘고, 멋진 시각자료로 학습하면
집중도 더 잘 되고 기억에도 더 오래 남을 거라고 믿어요
모두 직접 만든 이미지들이라 캡쳐해서 블로그 포스팅에 이용하셔도 됩니다 😃
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Febb6a34c-9ae2-45e4-b63c-0f221d499a52%2FUntitled.png?table=block&id=e7b471bd-7f9b-451e-971e-4d53b969f0de&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F23d38875-7d60-48ed-b031-79d46557c156%2FUntitled.png?table=block&id=b7eb80a7-624f-41ca-9133-c57f429e6250&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F46299094-8f37-426c-bc8f-8a8e4fa65254%2FUntitled.png?table=block&id=cc5ceda8-b8a9-41c4-99b7-76dea85c5fc7&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fcef704f3-33a7-4e9f-b030-8c010d38a4e9%2FUntitled.png?table=block&id=e7132abf-66ff-46f9-aa1a-4db444510060&cache=v2)
🖌️ 태블릿 판서와 함께 시각적으로 학습
더 쉽고 빠르게 이해하는데에는 역시 시각적인 자료가 최고죠?
그래서 이 강의 촬영을 위해 판서용 태블릿을 구매했어요
판서와 함께 타입스크립트 제대로 파헤쳐 봅니다.
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F643eda84-6540-45cf-8302-e8a4da48ccc8%2FUntitled.png?table=block&id=defe86fb-89b1-4870-8fd3-941004b716da&cache=v2)
🗄️ 실습 코드는 섹션별로 깔끔하게 정리합니다.
애써 작성한 실습 코드들을 아무렇게나 보관하면 아쉽죠?
언제든 다시 돌아볼 수 있도록 코드를 섹션별로 잘 나누어 보관할 수 있도록 신경썼어요
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F67efcc0d-09d8-4c12-9f8e-d14bb5036fb2%2FUntitled.png?table=block&id=0d57abfb-1bdd-4c2c-93df-ab533fa7cf56&cache=v2)