Thumbnail
BEST
개발 · 프로그래밍 프론트엔드

웹 게임을 만들며 배우는 React에 TypeScript 적용하기 대시보드

(4.8)
25개의 수강평 ∙  864명의 수강생

38,500원

지식공유자: 조현영
총 36개 수업 (7시간 38분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유
조현영 프로필
10기 타임어택 시작합니다!
조현영 4일 전 (4일 전 수정됨)

벌써 타임어택을 9번이나 진행했네요. 이번에는 타임어택 프로그램 10기 진행합니다! 10기는 4월 22일부터 시작합니다.

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

타임어택을 참여하신 분들의 완강률이 훨씬 높았습니다. 진짜 꼭 강의를 완강해야겠다고 다짐하셨다면 참여하시면 도움이 많이 될 것입니다!

  • 참고로 강의는 인프런에서 저를 검색해서 구매하시기보다는 https://zerocho.com/lecture 의 링크 눌러서 구매해주시면 제가 내는 수수료가 많이 줄어듭니다. 부탁드려요 ㅎㅎ

     

완주하시면 강좌 쿠폰(35~60%)이나 만나서 식사권을 드리고 있습니다!

저도 현재 매 기수 적자를 보면서 진행하고 있습니다. 벌써 9기수째 적자... 그럼에도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 10기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 링크도 따로 같이 올려드립니다.

https://forms.gle/Qu5XZ7uNoCyUnugp6

설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 긱뉴스 등의 정보 공유도 하고 프로그래밍 질문 고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 3000분 정도 들어계십니다!

감사합니다.

조현영 프로필
2024년 첫 타임어택 시작합니다!!
조현영 2달 전 (2달 전 수정됨)

먼저 다들 새해 복 많이 받으세요~~

2024년 첫 강좌 타임어택 프로그램 9기 진행합니다!

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수도 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

  • 참고로 강의는 인프런에서 저를 검색해서 구매하시기보다는 https://zerocho.com/lecture에 있는 링크 눌러서 구매해주시면 제가 내는 수수료가 많이 줄어듭니다. 부탁드려요 ㅎㅎ

     

완주하시면 강좌 쿠폰(35~60%)이나 만나서 식사권을 드리고 있습니다!

저도 현재 매 기수 적자를 보면서 진행하고 있습니다.그럼에도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 9기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 링크도 따로 같이 올려드립니다.

https://forms.gle/2FEFKqdHqL4k7jEW9

설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 긱뉴스 등의 정보 공유도 하고 프로그래밍 질문고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 3000분 정도 들어계십니다!

감사합니다.

조현영 프로필
타입스크립트 교과서 출간 안내
조현영 8달 전 (8달 전 수정됨)

안녕하세요. 제로초입니다.

타입스크립트 교과서(464p, 길벗)이 출간되어 이벤트와 함께 안내드립니다. Node.js 교과서, Let's Get IT 자바스크립트 프로그래밍에 이은 세 번째 책이네요.

타입스크립트 교과서는 제 인프런 강좌 타입스크립트 올인원을 강좌(Part1, Part2 합본)를 기반으로 한 책입니다. 많은 분들이 타입스크립트 문법은 익혔는데 남의 타입을 분석하지 못하거나 직접 작성할 때 막히는 모습을 보았습니다. 그래서 단순하게 타입스크립트 문법만 배우는 책이 아니라 유명 라이브러리 타입들을 분석해보고 직접 작성하는 연습도 해보는 등의 매우 실전적인 책을 집필하게 되었습니다. 최신 버전(5.1)을 사용하고 심혈을 기울여서 집필하였으니 많은 관심 부탁드립니다! 구매하신 분은 아래 이벤트도 참가하시어 스벅 기프티콘도 받아가세요!

예약 구매 링크

-교보문고 https://bit.ly/43Vjw4N
-Yes24
https://bit.ly/3qgKh5W
-알라딘
https://bit.ly/43SpymM

전원 '스타벅스 아메리카노 기프티콘' 증정하는 타입스크립트 교과서 구매 인증 이벤트도 함께 진행합니다! (이미 사신 분도 가능합니다!)
구매 인증 + 구매 채널에서 기대평 하나 작성해주시면 됩니다.
https://naver.me/GrNPPeXW
에 구매인증 관련 내용을 넣어주시면 됩니다!

감사합니다.
제로초(조현영) 드림.

image

조현영 프로필
타임어택 6기 신청 안내
조현영 9달 전 (9달 전 수정됨)

강좌 타임어택 프로그램 6기 진행합니다!

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수도 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

완주하시면 강좌 쿠폰(35%)이나 만나서 식사권을 드리고 있습니다!

저도 현재 매 기수 적자를 보면서 진행하고 있습니다. 그럼에도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 6기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 긱뉴스 등의 정보 공유도 하고 프로그래밍 질문 고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 2100분 정도 들어계십니다!

감사합니다.

조현영 프로필
제로초스쿨 강좌 타임어택 5기 시작합니다.
조현영 11달 전 (11달 전 수정됨)

강좌 타임어택 프로그램 5기 진행합니다!

강좌는 구매했는데 매번 끝까지 못 보시는 분들을 위한 프로그램입니다. 무료로 참가하실 수도 있으며 의지력이 많이 부족한 분들을 위해 따로 보증금 제도도 운영하고 있습니다. 이전 기수 분들이나 같은 기수 분들의 정리 노트를 보면서 공부하실 수도 있고, 저나 다른 분들에게 질문을 할 수도 있습니다.

완주하시면 강좌 쿠폰이나 만나서 식사권을 드리고 있습니다!

저도 매 기수 적자를 보면서 진행하고 있습니다. 그래도 진행하는 이유는 제 강좌가 실질적으로 여러분들한테 도움이 되기를 바라기 때문입니다. 강좌를 사놓기만 하고 안 들으시는 분이 많은데 정해진 진도와 함께 끝까지 들으시고 여러분의 개발 실력이 향상되었으면 해서 매번 진행 중입니다. 저는 제 강좌가 도움이 되었다는 말을 들을 때 가장 뿌듯하거든요. 타임어택에서 나오는 강좌 피드백을 바탕으로 강좌를 조금씩 수정하고도 있어 저에게도 도움이 되고요.

슬랙에서 진행하기 때문에 슬랙 방 참가해주셔야 합니다. 아래 슬랙 링크로 들어오세요.

https://zerocho.com/slack

들어오시면 공지 채널에 5기 참여 설문 조사(구글 폼)가 있습니다. 작성하시면 됩니다. 설문 조사를 작성하지 않으셨더라도 저한테 DM을 보내서 알려주시면 참가하실 수 있습니다.

타임어택 프로그램에 참여하지 않으시더라도 슬랙 방에 참여하시면 정보 공유도 하고 프로그래밍 질문고민 상담도 하고 여러 모로 도움되실 거에요. 벌써 1800분 정도 들어계십니다!

감사합니다.

조현영 프로필
타입스크립트 올인원 강좌 Part2. 실전 분석편 공개!
조현영 2022.08.24

안녕하세요.

타입스크립트 올인원 강좌 Part2. 실전 분석편이 공개되었습니다.

https://inf.run/9XCK

jQuery, Axios, React, Redux, React-Redux, Node, Express 타입을 분석해보고, 모듈 시스템 위주로 공부합니다. 라이브러리 타이핑이 없을 때 직접 타이핑을 해보는 예제도 몇 개 추가했습니다. 혹시 분석을 원하는 라이브러리가 있다면 많은 의견이 모인 라이브러리 위주로 추가로 강좌 찍어서 올리겠습니다.

감사합니다.

제로초 드림.

조현영 프로필
React18버전 타이핑 변경 안내
조현영 2022.07.18

크게 두 가지 확인한 게 있습니다.

먼저 FC에서 더 이상 children 타이핑을 제공하지 않습니다. props에 직접 children: ReactNode를 넣어서 사용하세요.

FC랑 VFC랑 같아짐에 따라 VFC는 더 이상 쓰이지 않습니다.

useCallback에서도 함수의 매개변수의 타입이 any가 아니게됨에따라 명시적인 타이핑이 필요합니다.

조현영 프로필
webpack-dev-server@4 관련
조현영 2022.02.12

웹팩 데브 서버 버전 업그레이드에 따라 강좌 영상 1-1, 1-2, 1-5, 2-2가 업데이트 되었습니다.

import
{ Configuration as WebpackConfiguration } from "webpack";
import { Configuration as WebpackDevServerConfiguration } from "webpack-dev-server";

interface Configuration extends WebpackConfiguration {
devServer?: WebpackDevServerConfiguration;
}


...


devServer
: {
devMiddleware: { publicPath: '/dist' },
static: { directory: path.resolve(__dirname) },
hot: true
}

4버전에서는 devServer 옵션이 위와 같이 바뀌었습니다. 깃헙 코드 참고하세요. 다른 버전들도 최신화해두었습니다!

https://github.com/zerocho/ts-react
조현영 프로필
react-router@6 코드 추가
조현영 2021.11.24

https://github.com/ZeroCho/ts-react/tree/master/react-router

react-router 6 코드를 요청하신 수강생분이 계셔서 코드 업데이트 했습니다.

react-router@5와 많이 달라졌습니다. reach-router와 통합했고, remix라는 react 기반 프레임워크에 쓰기 위해 많이 변경한 것 같습니다.

Switch, render, exact, children, component, useHistory, useRouteMatch 등이 전부 사라졌습니다.

Routes, element, useNavigate 등으로 대체되었습니다.

한 가지 주목할 만한 차이점은 더 이상 class 문법을 지원하지 않는 것입니다. 살짝 꼼수를 써야 class에서 사용할 수 있습니다(아직도 class 쓰는 분이 계신지를 모르겠지만요...)