Front-end

プロジェクトで簡単に学ぶTypeScript基礎

タイプスクリプトの核心概念を基礎から実践までまるごと！プロジェクトを通して実務活用まで

28名 が受講中です。

Michael Kwon

JavaScript

TypeScript

TailwindCSS

AI Agent

こんなことが学べます

TypeScriptの基礎：基本型・特殊型、配列、インターフェース、関数型など
TypeScriptの高度な機能: ユニオン型、Enum、ジェネリクスなど
プロジェクト実習：日記アプリ制作で学んだ内容の実務適用
AIコードツール活用による開発生産性向上

こんな方に
おすすめです

学習対象は
誰でしょう？

TypeScriptでスキルアップしたい方
安定的で協業可能なコーディングを求める Webデザイナー & パブリッシャー
実習中心に効率よく入門したい方
理論よりプロジェクト中心の講座をお探しの方
HTML/CSS/JavaScriptの基礎は知っているが、TypeScriptは初めてのデザイナーおよび初級開発者

前提知識、
必要でしょうか？

HTML、CSS、JavaScript 基礎

こんにちは
です。

219

受講生

受講レビュー

回答

5.0

講座評価

講座

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

- 저서 -

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

カリキュラム

全体

27件 ∙ (2時間 27分)

講座資料（こうぎしりょう）:

ミッション

セクション 1．u 開始

3件 ∙ (16分)

1. 講座紹介
03:14
2. 開発環境設定
05:50
3. AI コードアシスタントのインストール
07:28

セクション 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分)

講座掲載日:

最終更新日:

受講レビュー

まだ十分な評価を受けていない講座です。

みんなの役に立つ受講レビューを書いてください！

￥4,018

Michael Kwonの他の講座

知識共有者の他の講座を見てみましょう！

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

Michael Kwon

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

Basic

Vue.js, supabase, Vue 3

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

Michael Kwon

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

Michael Kwon

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

Basic

JavaScript, vanilla-javascript, frontend

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

Michael Kwon

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

Michael Kwon

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

Basic

Figma, HTML/CSS

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

Michael Kwon

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

Michael Kwon

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

Basic

Svelte, sveltekit, supabase

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

Michael Kwon

似ている講座

同じ分野の他の講座を見てみましょう！

시나브로 자바스크립트

이은재

자바스크립트로 다양한 주제를 바닥부터 개발해 보며 튼튼한 실력의 기반과 자신감을 쌓아보세요.

Intermediate

JavaScript, vanilla-js

시나브로 자바스크립트

이은재

Cursor AI로 만들면서 배우는 Web & Javascript

주말코딩

나만의 기술을 가지고 싶으신 분, 웹 개발을 차근차근 배워보고 싶으신 분에게 추천드립니다. 웹 브라우저와 언어의 역사부터 가르쳐드립니다.

Beginner

HTML/CSS, JavaScript, LLM

Cursor AI로 만들면서 배우는 Web & Javascript

주말코딩

코어 자바스크립트

정재남

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.

Basic

JavaScript

코어 자바스크립트

정재남

입문자를 위한 자바스크립트 기초 강의

유노코딩

웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.

Beginner

JavaScript

입문자를 위한 자바스크립트 기초 강의

유노코딩

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

한 강의로 끝내는 TailwindCSS 입문부터 실전까지! 두 개의 프로젝트와 함께 레이아웃 구성부터 반응형 디자인! 다크모드! 까지 완벽하게 배워보세요.

Basic

HTML/CSS, TailwindCSS, JavaScript

TailwindCSS 완벽 마스터: 포트폴리오부터 어드민까지!

짐코딩

쌩초보도 4시간 안에 마스터하는 자바스크립트 기초

Code with Dan

자바스크립트의 기본기를 제대로 배우길 원하는 입문자, 비전공자를 위한 강의 입니다. 이 강의는 (1) 최대한 짧은 시간에 (2) 다양한 비유로 자바스크립트의 개념을 이해하는 것부터 (3) 실전 자바스크립트 코드를 작성을 통해 자바스크립트 언어에 익숙해지는 것 까지 포괄적으로 다룹니다.

Beginner

JavaScript

쌩초보도 4시간 안에 마스터하는 자바스크립트 기초

Code with Dan

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

Basic

HTML/CSS, JavaScript, vanilla-javascript

웹프로그래밍의 꽃! 자바스크립트 기초

이지웹

[코드캠프] 시작은 프리캠프

코드캠프

코딩 부트캠프의 독보적인 커리큘럼으로 만든 강의입니다. 가장 기초적이고 실무에서 꼭 필요한 내용들로 구성되어 있어요. '누구나 가능한 개발자로의 커리어 전환' 이 강의로 시작하세요.

Beginner

HTML/CSS, JavaScript

[코드캠프] 시작은 프리캠프

코드캠프

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

제로초(조현영)

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

Basic

Node.js, Express, MySQL

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

제로초(조현영)

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

Basic

NestJS, REST API, backend

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

코드팩토리

Node.js로 웹 크롤링하기

제로초(조현영)

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

Intermediate

JavaScript, Node.js, 웹 크롤링

Node.js로 웹 크롤링하기

제로초(조현영)

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

김영보

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

Intermediate

Tensorflow, JavaScript, 머신러닝

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

김영보

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

풀스택 개발에 날개를 달아줄 Supabase! 3가지의 클론 프로젝트를 통해 Next.js 14와 Supabase로 실무 수준의 풀스택 개발을 하는 법을 속성으로 배우게 됩니다.

Basic

Next.js, supabase, TailwindCSS

[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)

로펀

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

깡코딩

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

Basic

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

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

깡코딩

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

[Tailwind CSS 실전 포트폴리오 퍼블리싱]은 Tailwind CSS를 활용해 26가지 이상의 다양한 실전 예제 제작하는 과정입니다. 실전 예제를 빠르게 다양하게 제작하면 그 속에서 필수적인 이론을 설명합니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

Basic

TailwindCSS, HTML/CSS

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)