프로젝트로 쉽게 배우는 TypeScript 기초

Name: 프로젝트로 쉽게 배우는 TypeScript 기초
Price: 23100 KRW

타입스크립트의 핵심 개념을 기초부터 실습까지 한 번에! 프로젝트를 통해 실무 활용까지

28명 이 수강하고 있어요.

난이도 초급

수강기한 무제한

Michael Kwon

수강 후 이런걸 얻을 수 있어요

TypeScript 기초: 기본/특수 타입, 배열, 인터페이스, 함수 타입 등
TypeScript 고급 기능: 유니언 타입, Enum, 제네릭 등
프로젝트 실습: 일기장 앱 제작으로 배운 내용 실무 적용
AI Code 도구 활용으로 개발 생산성 늘리기

이런 분들께
추천드려요

학습 대상은
누구일까요?

TypeScript로 스킬 업그레이드 원하는 분
안정적이고 협업 가능한 코드 작성을 원하는 웹 디자이너 & 퍼블리셔
실습 위주로 효율적 입문 원하는 분
이론보다 프로젝트 중심의 강의를 찾는 분
HTML/CSS/JavaScript 기초는 알고 있지만, TypeScript는 처음인 디자이너 및 초보 개발자

선수 지식,
필요할까요?

HTML, CSS, JavaScript 기초

안녕하세요
입니다.

234

명

수강생

개

수강평

개

답변

4.9

점

강의 평점

개

강의

스타트업에서 멀티미디어 콘텐츠 크리에이터로 입문하여 한 분야에만 머물지 않고 게임과 웹, 멀티미디어 분야에서 기획과 개발을 주도하며 현업에서 다양한 상용 작품을 런칭했습니다. 대학에서 디지털 미디어와 영상학을 전공했으며 주요 교육기관에서 웹 디자인과 프론트엔드 개발 및 미디어 교육(10년 이상) 등을 진행하면서 튜토리얼도 제작하고 있습니다.

- 저서 -

자바스크립트 프로젝트북(한빛미디어,2017)

커리큘럼

전체

27개 ∙ (2시간 27분)

해당 강의에서 제공:

미션

섹션 1. u시작하기

3개 ∙ (16분)

섹션 2. TypeScript 기초

6개 ∙ (32분)

4. 기본 타입 익히기
11:03
5. 특수 타입 (any, unknown)
04:08
6. 배열과 튜플
05:39
7. 객체 타입과 인터페이스
04:38
내 일기장을 표현하는 interface 타입을 만들어보세요!
8. 함수의 타입
07:10

섹션 3. TypeScript 고급 기능

4개 ∙ (20분)

9. 유니언 타입(Union Types)
05:39
10. Enum 활용하기
03:56
11. 타입 별칭(Type Aliases)
06:06
12. 제네릭(Generics)
05:17

섹션 4. 프로젝트로 배우는 실전 TypeScript

14개 ∙ (1시간 17분)

강의 게시일:

마지막 업데이트일:

수강평

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

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

인프런 10주년! 사랑주간 전체 할인 중 (2일 남음)

월 ₩101,278

5개월 할부 시

29%

₩33,000

₩506,391

Michael Kwon님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

Michael Kwon

체계적인 단계의 프로젝트 실습과 배포, 빌트인 store 활용, SvelteKit와 Supabase로 풀스택 애플리케이션까지 한방에!

초급

Svelte, sveltekit, supabase

프로젝트로 쉽게 배우는 Svelte(SvelteKit + Supabase)

Michael Kwon

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

AI 활용과 컴포넌트 중심 UI 제작으로 배우는 실무형 웹 UI 개발, 디자이너+개발자 필수 코스!

초급

JavaScript, vanilla-javascript, frontend

바닐라 자바스크립트 & Tailwind CSS

Michael Kwon

Figma 디자인부터 퍼블리싱까지

Michael Kwon

디자이너와 개발자를 위한 올인원 강좌! 새로운 UI3 반영

초급

HTML/CSS, Figma

Figma 디자인부터 퍼블리싱까지

Michael Kwon

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!

초급

Vue.js, PWA, supabase

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

문법 공부 다음엔, 자바스크립트 프로젝트 101

이룸코딩

🚀 자바스크립트 문법 공부를 막 끝낸 코린이들에게 적합한 미니 프로젝트 실습 강의입니다. 자바스크립트 기초 문법과 리액트나 뷰 등의 프레임워크 사이에 꽉 막힌 구간을 시원하게 뚫어드립니다. ✨

초급

JavaScript

문법 공부 다음엔, 자바스크립트 프로젝트 101

이룸코딩

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

장기효(캡틴판교)

Do it! Vue.js 입문 -> Vue.js 초급 강좌 -> Vue.js 중급 강좌의 계보를 잇는 Vue.js 실전 강좌입니다. Vue.js 를 실무에서 완벽히 활용 가능하도록 도와줄것 입니다.

중급이상

JavaScript, Vue.js

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

장기효(캡틴판교)

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

장기효(캡틴판교)

실무에서 많이 사용되는 React와 Vue의 코드를 작성하면서 타입스크립트 필수 개념을 익히는 강의입니다. React와 Vue에 타입을 입히는 방법, ChatGPT 사용법까지 모두 잡는 실무자와 입문자 모두를 위한 강의!

초급

React, TypeScript, Vue.js

React와 Vue로 배우는 TypeScript 필수 개념 (feat. ChatGPT)

장기효(캡틴판교)

핵심만 골라 배우는 TypeScript

수코딩

프론트엔드 입문자들은 필수적으로 익혀야하는 TypeScript 문법! 기초부터 시작해서 고급에 이르기까지 TypeScript 언어를 샅샅히 파헤쳐봅니다!

입문

TypeScript

핵심만 골라 배우는 TypeScript

수코딩

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

시니어코딩

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

초급

TypeScript, React, JavaScript

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

시니어코딩

React + TypeScript TodoList App - 실무형 타입스크립트 프로젝트 입문

이지웹

React + TypeScript를 활용하여 실무 감각으로 “할 일 관리 앱(ToDo List)”을 직접 만드는 프로젝트 중심 과정입니다. 단순히 문법을 배우는 데 그치지 않고, 컴포넌트 구조 설계 → 상태 관리 → 타입 적용 → 기능 구현 → 로컬 스토리지 연동 → 배포까지 실제 서비스 형태로 완성하면서 타입스크립트의 활용 감각을 익힐 수 있습니다.

초급

HTML/CSS, JavaScript, React

React + TypeScript TodoList App - 실무형 타입스크립트 프로젝트 입문

이지웹

자바스크립트 ES6+ 기초 핵심 문법

이룸코딩

자바스크립트에 처음 입문하시는 분들이 모던 자바스크립트에 대해 알아야 하는 핵심 문법을 짧고 굵게 정리했습니다. 문법 공부는 한 번에 확실하게 그리고 짧게 끝내고, 소중한 시간은 무언가 만드는데 투자하세요!

초급

JavaScript, ES6

자바스크립트 ES6+ 기초 핵심 문법

이룸코딩

Node.js로 웹 크롤링하기

제로초(조현영)

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

중급이상

웹앱, TypeScript, Node.js

Node.js에 TypeScript 적용하기(feat. NodeBird)

제로초(조현영)

코드로 배우는 React 19 with 스프링부트 API서버

구멍가게코딩단

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 백엔드 포트폴리오에 프론트 엔드 적용! 실무자들을 대상으로 작성된 강의(초급자용 강의는 아닙니다.)

중급이상

React, TypeScript, Spring Boot

코드로 배우는 React 19 with 스프링부트 API서버

구멍가게코딩단

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

입문

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

빠른 속도를 자랑하는 Node.js 프레임워크 fastify 와 orm Prisma 그리고 Typescirpt를 활용한 최신 Node.js 백엔드 REST API를 학습하는 코스

초급

Node.js, TypeScript, Prisma

차세대 Node.js 백엔드 서버 개발(Fastify & Prisma & Typescript와 함께하는)

Indie Coder

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

초급

클론코딩, Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

부산대학교 소프트웨어융합교육원

기본적인 웹사이트 구축 방법을 습득하고, 공공데이터 Open API를 연계한 실전 프로젝트를 통해 웹 개발의 기초부터 실무 적용 능력까지!

입문

HTML/CSS, JavaScript, openAI API

누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)

부산대학교 소프트웨어융합교육원

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

입문

Python, HTML/CSS, JavaScript

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

초급

Node.js, Express, MySQL

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

입문

React, Next.js, cursor

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지 (with 커서 AI)

짐코딩

자바스크립트 머신러닝 TensorFlow.js

김영보

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

Tensorflow, JavaScript, 머신러닝

자바스크립트 머신러닝 TensorFlow.js

김영보

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

초급

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

프로젝트로 쉽게 배우는 TypeScript 기초

수강 후 이런걸 얻을 수 있어요

실습과 함께 배우는 타입스크립트 첫걸음!

학습 내용

수강 전 참고 사항

실습 환경

학습 자료

선수 지식 및 유의사항

이런 분들께
추천드려요

안녕하세요
입니다.

커리큘럼

수강평

Michael Kwon님의 다른 강의

비슷한 강의

프로젝트로 쉽게 배우는 TypeScript 기초

수강 후 이런걸 얻을 수 있어요

실습과 함께 배우는 타입스크립트 첫걸음!

학습 내용

수강 전 참고 사항

실습 환경

학습 자료

선수 지식 및 유의사항

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

Michael Kwon님의 다른 강의

비슷한 강의

이런 분들께
추천드려요

안녕하세요
입니다.