Programming Language

TypeScript Korea：React with TypeScriptセミナー

タイプスクリプトとリアクト関連講座です。

（4.8）受講レビュー 44件

受講生 6,174名

woongjae

React

TypeScript

学習した受講者のレビュー

こんなことが学べます

タイプスクリプト
リアクト
サーバーサイドレンダリング
リダックス
next.js

1. TypeScript Korea：React with TypeScriptセミナーコースの紹介

TypeScriptはMSが作成したオープンソースプロジェクトで、多くのJavaScript開発者に愛されています。 Angularの基本言語で使用されており、Googleでも公式開発言語で指定したタイプスクリプトは簡単に学べ、使いにくくなく、強力なタイプチェック機能を提供します。

多くのJavaScriptプロジェクトがTypeScriptに移行しています。

この講座は、2017年7月に行われたTypeScript Koreaユーザーグループ「React with TypeScript」セミナーで、TypeScriptでリアクトを使用する方法について学ぶことができます。

学ぶもの
React Component with TypeScript - イ・ウンジェ
React-Router - イ・ヒョンソプ
Server-Side-Rendering - イ・ウンジェ
Redux - イ・ウンジェ
Strictly Typed Usage of Redux - チェ・ジュンヨン
MobX - イ・ウンジェ
MobX Best Practices - キム・ジテ
Writing Tests with Jest - チョン・デソン
Next.js - イ・ウンジェ

2.役に立つ方

タイプスクリプトでリアクトを使いたい人

「タイプスクリプトコリア - 基礎セミナー」を聞いて受講することをお勧めします。

リアクトを使ってみた経験がある方におすすめです。

3.講義資料

http://slides.com/woongjae/react-with-typescript-1

http://slides.com/woongjae/react-router

http://slides.com/woongjae/react-with-typescript-2

http://slides.com/woongjae/react-with-typescript-3

https://s3.ap-northeast-2.amazonaws.com/2woongjae/TypeScript/React-with-TypeScript+2017-06/3rd/strictly-typed-usage-of-redux.pdf

http://slides.com/woongjae/react-with-typescript-4

http://slides.com/woongjae/mobx-best-practices

http://slides.com/woongjae/writing-tests-with-jest

http://slides.com/woongjae/react-with-typescript-5

4.講師紹介

イ・ウンジェ
現スタジオシードコリアソフトウェアエンジニアSeoul.js.orgオーガナイザー
現在のタイプスクリプトコリアユーザーグループオペレーター、エレクトロンコリアユーザーグループオペレーター
元Vタッチソフトウェアエンジニアリングラップラップトップ
元トリプルベイCTO

こんな方に
おすすめです

学習対象は
誰でしょう？

タイプスクリプトでリアクトを使いたい人
'タイプスクリプトコリア - 基礎セミナー'を聞いて受講することをお勧めします。
リアクトを使ってみた経験がある方におすすめです。

こんにちは
です。

12,033

受講生

130

受講レビュー

4.6

講座評価

講座

14년차 소프트웨어 엔지니어 입니다.

2021년 부터는 NHN Dooray 에서 프론트엔드개발팀을 리드하며, 서비스 전체의 UI 에 대한 책임을 맡았습니다. 팀을 맡아 기존에 운영하고 있던 레거시 시스템(AngularJS, Vue)을 React, TypeScript 로 리뉴얼 하였습니다. 10인 이상의 다수 프론트엔드 엔지니어들이 하나의 프러덕트를 함께 개발할 수 있도록 아키텍처를 설계하고 관리하는 업무를 하고 있습니다. 전체 서비스 규모가 크고 복잡도가 높아 Monorepo 로 개발 및 운영하고, Micro Frontend 를 도입하여 배포 주기 단축에 대해 노력해왔습니다. Storybook 을 통해 컴포넌트를 적극적으로 관리하며, Design System 을 구축하고 활용이 될 수 있도록 프로세스를 다듬는 역할을 했습니다.

이전에는 Studio XID 에서 TypeScript 와 Electron 을 이용하여, 디자이너를 위한 인터렉션 프로토타이핑 툴인 ProtoPie 를 만들었습니다. 한가지 제품을 약 4년동안 만들면서 좋은 코드, 품질이 좋은 코드를 작성하기 위해 노력해왔습니다.

대규모 자바스크립트 어플리케이션 개발에 대한 더 나은 방향을 고민하고, 적용하기 위해 노력하고 있습니다.
Microsoft MVP (TypeScript) 로 활동해 왔으며, 최신 웹기술에 대해 사람들과 이야기 하는 것을 즐깁니다.

여러 곳에서 프론트엔드 팀을 이끌며, 주로 함수형 언어(클로저)나 Node.js 로 백엔드 작업을 진행합니다.
인프라 자동화에 대한 관심이 많습니다.

カリキュラム

全体

30件 ∙ (8時間 54分)

セクション 1．React with Typescript

3件 ∙ (43分)

セクション 2．Component

3件 ∙ (1時間 9分)

4. Component
28:01
5. Lifecycle, Event
22:09
6. コンポーネントの変更
19:45

セクション 3．React-router

3件 ∙ (44分)

セクション 4．Server-side-rendering

3件 ∙ (1時間 4分)

セクション 5．Redux

6件 ∙ (1時間 43分)

セクション 6．Mobx

6件 ∙ (1時間 27分)

セクション 7．Writing Tests with Jest

3件 ∙ (1時間 9分)

セクション 8．Next.js

3件 ∙ (51分)

講座掲載日:

最終更新日:

受講レビュー

全体

44件

4.8

44件の受講レビュー

혁이
受講レビュー 2
∙
平均評価 5.0
5
30% 受講後に作成
efforthye
受講レビュー 8
∙
平均評価 4.9
5
20% 受講後に作成
jhhyung
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
타입스크립트 이용에 많은 도움이 되었습니다.
정유라
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
장광표
受講レビュー 6
∙
平均評価 5.0
5
100% 受講後に作成

無料

woongjaeの他の講座

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

React Router 완전 정복

이웅재

React 로 SPA를 만드는 모든 사람들에게 필수인 React Router를 함께 정복해보아요 💪

Basic

react-router-dom, react-router, React

React Router 완전 정복

이웅재

앵귤러 기초 세미나

이웅재

웹 프론트엔드 프레임워크의 큰 축인 앵귤러가 5 버전이 출시 되었습니다. 5.0 출시와 함께 타입스크립트 유저 그룹을 중심으로 앵귤러 5 를 빠르게 배워보는 워크샵을 진행하였습니다. 큰 그림을 빠르게 이해할 수 있으며, 디테일한 추가 강의가 이어질 예정입니다.

Intermediate

Angular

앵귤러 기초 세미나

이웅재

타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

이웅재

타입스크립트와 일렉트론으로 간단한 채팅 앱을 만드는 강좌입니다.

Basic

TypeScript, Electron

타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

이웅재

타입스크립트 코리아 : 기초 세미나

이웅재

타입스크립트 관련 강좌입니다.

Basic

TypeScript

타입스크립트 코리아 : 기초 세미나

이웅재

似ている講座

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

타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

이웅재

타입스크립트와 일렉트론으로 간단한 채팅 앱을 만드는 강좌입니다.

Basic

TypeScript, Electron

타입스크립트 코리아 : Electron with TypeScript Hands-On Labs 세미나

이웅재

실전 연습으로 익히는 고급 타입스크립트 기술

애프터캠프

타입스크립트의 기능들을 제대로 활용해보세요!

Intermediate

TypeScript

실전 연습으로 익히는 고급 타입스크립트 기술

애프터캠프

타입스크립트의 모든 것

yongsoocho

Node.js 진영의 표준, TypeScript 어떻게 쓰고 계신가요? 타입 주석만 달고 계신다면 진짜 타입스크립트가 아닙니다. 무엇을 좋아할지 몰라서 다 준비했습니다. 타입스크립트 A to Z를 알아봅시다 :)

Basic

TypeScript, NestJS, Deno

타입스크립트의 모든 것

yongsoocho

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

MERN Stack을 활용하여 커뮤니티 어플리케이션을 제작하고, 배포합니다. (MongoDB, Express, React, Node + Firebase)

Basic

MongoDB, Express, React

MERN STACK 커뮤니티 : 시작부터 배포까지 알려주는 React

판다코딩

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

쉽게 안드로이드 앱, 윈도우 앱, ios 앱을 만들어보고 배포하는 방법까지 알고 싶은 분들에게 추천드립니다. 자바스크립트와 앵귤러보다는 타입스크립트의 기초부터 알려드립니다!

Beginner

TypeScript, IONIC, 하이브리드 앱

입문강의 타입스크립트부터 ionic6 (앵귤러 기반)

깊알못nodeep

React 기반 Gatsby로 기술 블로그 개발하기 v2

주현도

Gatsby v5를 통해 직접 나만의 기술 블로그를 개발해보는 강의입니다.

Intermediate

Gatsby, React, 블로그

React 기반 Gatsby로 기술 블로그 개발하기 v2

주현도

React 완전 끝내기: useHoooooook

김영보

넓고 깊으면서 자세하게 React의 state와 hook을 배울 수 있습니다. React 공식 문서의 95% 이상을 다룹니다. 본 강좌로 React를 끝낼 수 있습니다.

Basic

React, JavaScript, DOM

React 완전 끝내기: useHoooooook

김영보

Colini 웹개발 가이드

싸플

웹 개발 처음 시작하시는 분들을 위한 완전 기초 강의! HTML, CSS, Javascript, React 등 웹개발 기초를 쌓아보자!

Beginner

HTML/CSS, JavaScript, React

Colini 웹개발 가이드

싸플

스프링 부트와 리액트로 구현하는 소셜 로그인

온코딩

스프링 부트와 리액트를 활용해 일반 로그인과 소셜 로그인을 통합 구현하는 방법을 배웁니다. MPA와 SPA 환경 모두에서 로그인 시스템을 구축하고, JWT와 OAuth2 인증을 실습합니다. 실무에 바로 적용 가능한 예제 프로젝트를 통해 전체 로그인 흐름을 이해하고 구현할 수 있습니다.

Intermediate

Java, Spring Boot, JPA

스프링 부트와 리액트로 구현하는 소셜 로그인

온코딩

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

Basic

React, Next.js, expo

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

코드캠프

아이오닉(ionic2) 개발을 위한 타입스크립트 기본

차정민

하이브리드 앱 개발을 위한 프레임워크 중 하나인 Ionic2 Framework를 학습하기 위한 사전단계로 Typescript 를 배워봅니다.

Basic

TypeScript, IONIC

아이오닉(ionic2) 개발을 위한 타입스크립트 기본

차정민

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

MERN stack (feat. TypeScript) 을 활용한 지도 서비스를 처음부터 끝까지 만들어보는 강의입니다. API 공식 문서를 보며 차근차근 하나씩 만들어 봅시다.

Basic

MongoDB, Express, React

코로나맵 개발자가 알려주는 React + Express로 지도서비스 만들기 (Typescript)

이동훈

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

Basic

React, Electron, GUI

[자바스크립트 GUI 개발 #1] Electron + React로 만드는 타이머 앱 (+ Zustand)

닭강정