React Native with Expo: ゼロチョから正しく学ぶ
zerocho
Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。
초급
React, React Native, Hybrid App
BEST
웹 게임을 만들며 배우는 React에 TypeScript 적용하기
리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.
먼저 경험한 수강생들의 후기
이런 걸 배울 수 있어요
React + TypeScript
DefinitelyTyped
React Router 타이핑
Redux 타이핑
MobX 타이핑
리액트로 웹 게임을 만들고 타입스크립트를 붙여보는 예제를 통해
안정적인 리액트 프로그래밍을 학습해 봅니다.
리액트 + 타입스크립트
웹게임 예제로 실무에 적응하세요!
웹 게임을 만들며 배우는 React의 후속작으로 같은 게임을 타입스크립트를 적용하여 만들어봅니다.
또, 웹 게임만 타이핑하면 아쉬우니까 리액트와 자주 같이 쓰이는 React Router, Redux, MobX에 대한 타이핑도 배워봅니다. Class와 Hooks 문법 모두 같이 타이핑합니다.
타입스크립트를 붙임으로써 더더욱 안정적인 React 프로그래밍이 가능해집니다.
🌈 강의 예제 미리보기
구구단, 끝말잇기 👉 숫자 야구, 반응속도 체크 👉 가위바위보, 로또추첨기 👉 틱택토 👉 지뢰찾기 웹게임을 통해 리액트에 타입스크립트를 적용하는 법을 학습해봅니다.
🙌 여기서 다루는 툴
크롬 브라우저와 Visual Studio Code(또는 웹스톰)을 사용합니다.
🗒 질문에 빠르게
대답해 드립니다.
제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드려요.
강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부해 보세요.
내용을 이해하기에 더 도움이 될 거예요!
🙋🏻♂️ 예상 질문 QnA
Q. 타입스크립트 몇 버전을 사용하나요?
A. 3.8버전을 사용합니다. 그 이후 버전을 설치하셔도 무방합니다.
Q. 소스코드는 어디에 있나요?
Q. 리액트, 리덕스 개념도 다루나요?
A. 이 부분은 아래 선수과목을 먼저 듣고 오셔야 합니다. 이 강좌에는 타이핑을 붙이는 것만 설명하고, 그 자체의 개념은 설명하지 않습니다.
Q. 선수과목이 있나요?
A. 웹게임을 만들며 배우는 React 강좌, 웹게임을 만들며 배우는 TypeScript를 보시고 오셔야 됩니다. TypeScript 강좌는 유료이므로 공식문서를 보시는 것으로 어느 정도 대체 가능합니다.
이런 분들께
추천드려요
학습 대상은
누구일까요?
타입스크립트를 배웠으나 리액트에 어떻게 붙여야할지 모르겠는 분
타입스크립트와 리액트를 실무에서 사용하실 분
남의 라이브러리 타이핑에 두려움을 갖고 계신 분
선수 지식,
필요할까요?
자바스크립트 문법 지식
리액트 웹게임 강좌
타입스크립트 웹게임 강좌
Redux, MobX 기초 개념
65,807
명
수강생
1,628
개
수강평
9,712
개
답변
4.8
점
강의 평점
22
개
강의
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.
👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)
Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)
커리큘럼
전체
36개 ∙ (7시간 38분)
1. 강좌 소개
13:22
2. 기본 타입스크립트 세팅하기
12:14
4. Class State 타이핑
12:09
5. useCallback 타이핑
11:31
7. 숫자야구 타이핑
09:34
8. Props 타이핑
12:06
강의 게시일:
마지막 업데이트일:
수강평
전체
27개
4.7
27개의 수강평
beautifuldev수강평 5
∙
평균 평점 4.8
5
100% 수강 후 작성レビューアとして参加することになり、良い機会で普段聞きたかった該当講義を無料で聴くようになりました。 まず、このレッスンは、ReactとTypeScriptに関する先行知識が必要なレッスンです。 ReactとTypeScriptの文法を教える講義ではありません。それで、これについての知識が全くないなら、授業に従うのに支障があるでしょう。 しかし、私の個人的な考えでは、ReactとTypeScriptの両方が基本レベルの基本的な文法の程度しか知っていなければ講義を聞くのに大きな困難はないと思います。私の場合は、講義の冒頭で＆＃x27;考えより簡単ですが？＆＃x27;ながら自信がつきました。もちろん、すべての内容が簡単だというわけではなく、聞いてみると難しい内容もあります。特にReduxはある程度の知識が必要です。しかし、私はReduxのほかにReact Router、ContextAPI、MobXは別に勉強したことがないのでよく知らなかったにもかかわらず、十分に講義に従うことができました。 例えば、リアクトは講義ごとに出てくる内容について軽く概念をつかんでいただきながら進められます。 TypeScriptも軽くそして繰り返し説明して渡していただき、従来知っていたTypeScriptの概念をもう一度まとめる感じも聞きました。 （もちろん個人差で説明しないでくださる部分もあります） そして私がこの講義を選んだもう一つの理由の一つは、Q&Aの部屋が活性化されているということですが、質問文が上がるとすぐに答えてくれる部分も良かったです。 書いてみると文が長くなったのにサポートしたかった会社でReactにTypeScriptを適用する課題を提出しなければならなかったことがありました。短い期間内に独学してみようとしましたが、いちいち探して勉強しようとしたら幕末さが感じられました。 それで、基礎レベルにとどまっていましたが、この講座を聞いてからは、大きな困難を感じずにリアクトにタイプスクリプトを適用してコーディングできるようになりました。そして新しい内容に触れて学ぶと、開発実力向上にならずに苦しんだスランプもある程度回復しました。 良い講義を作ってくれてありがとう、いつも良いことがいっぱいです：D
- snrtn943653
수강평 67
∙
평균 평점 4.9
- ina93771967
수강평 4
∙
평균 평점 5.0
- bmworld
수강평 9
∙
평균 평점 5.0
- loko
수강평 20
∙
평균 평점 5.0
2025 추석맞이 감사할인 중 (5일 남음)
₩3,611
22%
₩38,500
제로초(조현영)님의 다른 강의
지식공유자님의 다른 강의를 만나보세요!
![[改訂3版] Node.js教科書 - 基本からプロジェクト実習まで강의 썸네일](https://cdn.inflearn.com/public/courses/330181/cover/47e0125e-75ad-4946-96d3-54bbc444a188/330181-eng.jpg?f=avif&w=420)
![Slack クローン コーディング [NestJS + TypeORM を使用したバックエンド]강의 썸네일](https://cdn.inflearn.com/public/courses/327193/cover/010c8faf-bfc5-4c6a-9623-a68dc3b38697/327193-eng.png?f=avif&w=420)
![[リニューアル]タイプスクリプトオールインワン：Part1。강의 썸네일](https://cdn.inflearn.com/public/courses/329282/cover/08ece3d3-46fe-4a46-932b-8aca91135e8e/329282-eng2.png?f=avif&w=420)
![[リニューアル]タイプスクリプトオールインワン：Part2。実戦分析編강의 썸네일](https://cdn.inflearn.com/public/courses/329424/cover/5ae4e14d-c643-46be-9d4d-be3987a1f883/329424-eng.png?f=avif&w=420)
![Slack クローン コーディング [React を使用したリアルタイム チャット]강의 썸네일](https://cdn.inflearn.com/public/courses/326673/cover/e430860b-4ad4-4b01-b4c7-64dccfc64b3a?f=avif&w=420)
![[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門강의 썸네일](https://cdn.inflearn.com/public/courses/327126/cover/edca2ab2-47b4-45b7-92c6-5bb00fd125eb/327126.jpg?f=avif&w=420)
![配信アプリ クローンコーディング [with React Native]강의 썸네일](https://cdn.inflearn.com/public/courses/328411/cover/b51a3e0d-e2b3-49b3-8f7c-7677fb920434/328411-eng.png?f=avif&w=420)
![[リニューアル] ReactでNodeBird SNSを作成する강의 썸네일](https://cdn.inflearn.com/public/course-325637-cover/d5fd6216-71d1-490e-8759-594cbbdc1973?f=avif&w=420)
비슷한 강의
같은 분야의 다른 강의를 만나보세요!
![[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
![[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)강의 썸네일](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
