Thumbnail
개발 · 프로그래밍 프로그래밍 언어

웹 게임을 만들며 배우는 TypeScript 대시보드

(3.8)
26개의 수강평 ∙  370명의 수강생
공개되지 않은 강의로
수강이 제한됩니다.
지식공유자: 조현영
총 39개 수업 (8시간 44분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공

초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.

웹 게임을 만들며 타입스크립트를 재밌게 배워봅니다.

✍️
이런 걸
배워요!
typescript
tsc
모듈 시스템
DefinitlyTyped

🙋‍♂️ 참고해주세요! 🙋‍♂️


타입스크립트, 웹 게임을 만들며

재밌게 배워보아요!

웹 게임을 만들며 타입스크립트로 게임을 만들어봅니다. 공식 문서 Handbook에 적혀 있는 내용을 실습을 통해 실전에서는 어떤 식으로 사용하는 지 배웁니다.

🌈 이런 걸 만들어볼 수 있어요!


🙌 여기서 다루는 툴

크롬 브라우저와 Visual Studio Code(또는 웹스톰)을 사용합니다.


🗒 질문에 빠르게
대답해 드립니다.

제 강좌의 장점은 Q&A입니다. 질문하시면 하루 안에 답변드려요.
강좌 관련 내용을 자유롭게 질문하시면서 능동적으로 공부해 보세요.
내용을 이해하기에 더 도움이 될 거예요!


🙋🏻‍♂️ 예상 질문

Q. 타입스크립트 몇 버전을 사용하나요?

A. 3.7버전이라서 옵셔널 체이닝 설명이 들어 있습니다. 3.8버전을 설치하셔도 무방합니다.

Q. 리액트나 노드도 다루나요?

A. 이 부분은 별도의 강좌로 제작되고, 이 강좌는 그 강좌를 위한 선수과목입니다.

Q. 소스코드는 어디에 있나요?

A. https://github.com/zerocho/ts-lecture

Q. 선수과목이 있나요?

A. 자바스크립트를 잘 모른다면 렛츠기릿 자바스크립트 강의(무료)를 추천 드립니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
JS를 배우고 나서 TS를 배우고 싶으신 분
소프트웨어를 조금 더 안정적으로 만들고 싶으신 분
📚
선수 지식,
필요할까요?
JavaScript 기초 지식
HTML DOM

안녕하세요
조현영 입니다.
조현영의 썸네일

제 강의의 장점은 Q&A입니다. 24시간 이내에 무조건 답변드립니다! 다만 여러분들도 질문을 잘 해주셔야 합니다.

https://www.zerocho.com/lecture

제로초 강의 전체 로드맵

 

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 개발파트장)
- 스모어톡 CTO

커리큘럼 총 39 개 ˙ 8시간 44분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 구구단
TypeScript 소개 미리보기 12:06
vs code와 폴더 구조 세팅 14:35
tsc 사용하기 08:04
watch와 구구단 14:05
구구단 완성하기 12:50
d.ts 파일 09:34
Q&A, npx 13:27
섹션 1. 숫자야구
tsconfig.json 미리보기 11:27
target, module, 기타 옵션 09:10
기본 타입, 배열, 튜플 10:00
상수, enum, 함수, 객체 타입 20:07
never, any, 타입 캐스팅 08:21
숫자야구 만들기 17:21
Q&A 12:33
섹션 2. 가위바위보
가위바위보 게임과 인터페이스 12:15
인터페이스 특성과 type alias 10:58
기본 d.ts 문제 해결하기 07:18
this와 타입 범위 이해 13:23
가위바위보 완성하기 15:08
총정리와 Q&A 11:36
섹션 3. 자스스톤
자스스톤 소개와 strictNullChecks 10:46
Class 타이핑 17:06
제네릭(generic) 13:45
제네릭 extends, 타입 추론 17:04
자스스톤 만들며 복습하기 23:26
타입 가드 10:18
총정리와 Q&A 13:06
섹션 4. 모듈 시스템
JS 모듈 시스템 미리보기 10:16
TS 모듈 시스템의 주의사항 09:34
남의 패키지 사용하기(Redux, Axios) 08:51
DefinitelyTyped 12:31
커스텀 패키지 타이핑 12:36
타이핑이 틀렸을 때 & 총정리 20:20
섹션 5. 기타 기능
intersection & call, apply 13:42
TS 유틸리티 08:22
데코레이터 16:01
Q&A 08:23
섹션 6. 짝맞추기와 틱택토
짝맞추기와 Optional Chaining 29:01
틱택토와 2차원 배열 24:48
강의 게시일 : 2020년 01월 24일 (마지막 업데이트일 : 2020년 01월 24일)
수강평 총 26개
수강생분들이 직접 작성하신 수강평입니다.
3.8
26개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
KE thumbnail
5
완강했습니다~ 다 듣고나니 두려움(?)이 사라지네요 감사합니다~
2020-02-21
김종현 thumbnail
3
유튜브 강의를 그냥 옮겨와서 즉흥적으로 자꾸 샘. 주제별로 잘 분류되서 설명이 깔끔하면 좋겠는데, 그냥 유튜브 유저들한테 그때그때 해주는 느낌...
2020-05-25
Einere thumbnail
4
매 강의 아웃트로 사운드가 너무 커서 귀가 아프네요.. 볼륨을 낮춰주시면 좋을 것 같습니다. ☺️
2020-03-27
지식공유자 조현영
아웃트로 사운드 제거해서 재편집해서 올리고 있습니다. 이제야 여유가 생겨서 작업 가능하네요. 죄송합니다.
2021-07-10
나만뜨거운감자 thumbnail
5
좋은 강의 감사합니다.
2023-03-04
OKAYOON thumbnail
5
리액트 타입스크립트 강좌보려다가 각각 기초강좌가 있어서 보고갑니다. 이제 응용하는거 보고 만들고 싶은거 만들어야겠어요! 좋아요 제로초님 강좌 ㅎㅎ
2020-06-15