빠르게 마스터하는 타입스크립트
프론트엔드나 백엔드나 자바스크립트를 쓰는 직무라면
타입스크립트 지식까지 일정부분 요구하는 곳이 늘고 있습니다.
타입스크립트는 자바스크립트의 타입부분을 업그레이드해서 쓸 수 있는 자바스크립트 대용품입니다.
타입스크립트 나온지 8년이 넘었는데
업데이트되며 필요없는 것들이 더 많아졌기 때문에 수많은 문법을 전부 다 익힐 필요는 없습니다.
혼자서 재미없는 책 읽으며 고생하는 건 보기 안좋으니
자주 사용하는 문법과 예제 위주로 빠르게 짚어드리겠습니다.
이런 간단한거 공부하는데 2주 이상 쓰면 인생낭비임 강의로 빠르게 정리하십쇼
직접 타입스크립트로 짜볼 수 있는 숙제도 강의마다 첨부해드립니다.
[필요한 사전지식]
- HTML CSS 기초 지식
- 자바스크립트 기초지식 (var, function, if, for, Array, Object)
(자바스크립트 아예 모르면 들을 이유가 딱히 없습니다)
[커리큘럼]
타입스크립트 기본 필수 타입
타입스크립트 코드짤 때 사용해야할 테크닉
Narrowing, assertion 정확히 사용하기
함수 타입
object 타입
interface, type alias
리액트와 HTML 개발시 사용할 타입들
class 문법 기초와 타입지정하는 법
public private static protected
import export 문법
generics
module 만들기
d.ts 파일
if문, 파라미터 등 기타 타입관련 테크닉
커리큘럼
| Part 1 : 꼭 알아야할 내용 | |||
| Typescript 필수문법 10분 정리와 설치 셋팅 (Vue, React 포함) | 무료 | 00:13:00 | |
| Typescript 컴파일시 세부설정 (tsconfig.json) | 무료 | 00:00:00 | |
| 타입스크립트 기본 타입 정리 (primitive types) | 무료 | 00:09:00 | |
| 타입 미리 정하기 애매할 때 (typescript union, any, unknown) | 무료 | 00:11:00 | |
| 함수에 타입 지정하는 법 & void 타입 | 무료 | 00:09:00 | |
| 타입 확정하기 Narrowing & Assertion | 00:10:00 | ||
| 타입도 변수에 담아쓰세요 type 키워드 써서 & readonly | 00:13:00 | ||
| Literal Types로 만드는 const 변수 유사품 | 00:12:00 | ||
| 함수와 methods에 type alias 지정하는 법 | 00:09:00 | ||
| 타입스크립트로 HTML 변경과 조작할 때 주의점 | 00:13:00 | ||
| (JS 문법시간) class, constructor 알아보기 | 00:10:00 | ||
| (JS 문법시간) prototype 문법 짚어보기 | 00:10:00 | ||
| class 만들 때 타입지정 가능 | 00:07:00 | ||
| Object에 타입지정하려면 interface 이것도 있음 | 00:11:00 | ||
| Part 2 : 알면 도움은 되는 내용 | |||
| 함수 rest 파라미터, destructuring 할 때 타입지정 | 00:11:00 | ||
| Narrowing 할 수 있는 방법 더 알아보기 | 00:11:00 | ||
| 함수에 사용하는 never 타입도 있긴 합니다 | 00:06:00 | ||
| public, private 쓰는거 보니까 타입스크립트 귀여운편 | 00:12:00 | ||
| class에서 사용가능한 protected, static 키워드 | 00:12:00 | ||
| 저번시간 숙제 해설 (class 만들기) | 00:00:00 | ||
| 타입도 import export 해서 씁니다 그리고 namespace | 00:09:00 | ||
| 타입을 파라미터로 입력하는 Generic | 00:10:00 | ||
| React + TypeScript 사용할 때 | 00:10:00 | ||
| React + TypeScript 사용할 때 2 : Redux toolkit | 00:14:00 | ||
| array 자료에 붙일 수 있는 tuple type | 00:08:00 | ||
| 외부 파일 이용시 declare & 이상한 ambient module | 00:09:00 | ||
| d.ts 파일 이용하기 | 00:09:00 | ||
| implements 키워드 | 00:05:00 | ||
| object index signatures | 00:08:00 | ||
| object 타입 변환기 만들기 | 00:09:00 | ||
| 조건문으로 타입만들기 & infer | 00:12:00 | ||
수강생 리뷰
관련강좌
도커 Docker & Container
웹서버를 만들든 파이썬으로 AI모델을 돌리든 뭘하든 도커와 컨테이너라는 용어를 자주 듣게 될텐데 왜냐면 이전과 다르게 프로그램을 컨테이너로 싸매서 배포 & 실행하는 경우가 많아졌기 때문입니다. …
신청하기50,000₩30,000₩
쉽게 배우는 Spring Boot & JPA
옆집 철수도 백엔드 개발자되는 시대라길래 6개월짜리 학원 며칠 다녀봤지만 막상 스프링 부트 배워보면 1. 어렵고 복잡함 2. 암기식임 3. 노잼 이런 이유 때문에 매년 …
신청하기180,000₩85,000₩
Next.js로 웹서비스 만들기
Next.js는 프론트엔드부터 서버까지 만들 수 있는 React기반 프레임워크입니다. 이것만 사용해도 풀스택 웹개발이 가능합니다. Next.js 사용시 서버사이드 렌더링이 쉽기 때문에 React, Vue만 사용해서 만든 …
신청하기160,000₩75,000₩
즐겁게 봤읍니다.
타입스크립트 강의 1바퀴 완강했습니다
타입스크립트가 대충 어떻게 돌아가는지 이해했습니다.
파트1의 내용은 그리 어렵지 않게 넘어갔는데 파트2는 ...개어렵네요
특히 public, private, protected, static 이 개념이 제일 어려웠네요 나머지도 어렵지만
무엇보다 어떻게 활용해야하는지 아직 생각이 나질 않습니다
5번정도 돌려보면 익숙해지겠죠
그리고 강의에는 react 환경에서 TS 쓰는법만 있던데 Vue 환경에서 TS쓰는법도 강의가 있으면 좋겠읍니다.
Vue3 공홈에서 대충 찾아보니까 vue add typescript 하고 script 태그에서 lang="ts" 하면 된다는데
컴포넌트나 options api 에서 TS가 어떻게 쓰이는지 공홈문서 보고 따라하기가 쪼끔 버겁습니다.
리뷰가 하나밖에 없네유
타입스크립트에 대해서 쉽고 깊게 이해할 수 있어서 좋습니다잉
쉽게 설명해주려고 하지만 어렵다
뒤로 갈수록 어렵고 대체 어디에 써야할지 감도 안 잡힘
단순 문제 말고 실제 코딩 예제도 있으면 좋겠음 (물론 내가 찾아봐도 되지만)
그래도 늘 만족하면서 듣고 있습니다 코딩애플 강의 5개째 완강인데 넘 좋아용
가볍게 접근하기 좋았습니다.
어렵게만 생각했는데 타입스크립트를 대하는 생각자체를 바꿔준 고마운 수업이었습니다.
쉽게 접근해서 진행중인 토이프로젝트에 접목시켜봐야겠습니다 ㅎ 감사합니다
머리에 쏙쏙 들어오는 강의
이해하기 쉽게 설명해주셔서 감탄하면서 듣고 있습니다.
초보자 눈높이에 맞춘 강의라서 저같은 코린이분들께 추천드립니다.
뭘 고민하십니까,
어서 결제하시지요.
정말 기초적인 부분을 쉽게 알려줌
고오급을 기대하진 마시고 ts 처음 입문하시는 분들한테 좋은 강의
Thank you
Thank you.
인생취미
코딩애플에서 function 을 처음 이해하고 기뻐하던 작년의 내 모습. 지금은 여유있게 TS를 배우고 있는 내모습. 뿌듯하다.🤩
수강후기
유익한 강의였습니다.
타입스크립트, 쉽고 빠르게 익히고 프로젝트에 적용하고 싶나요? 그럼 그냥 들으세요.
처음부터 어렵고, 빡센거 찾아서 듣는 것은 동기부여도 안 되고, 무엇보다 지나치게 많은 진도를 나아간다고 제대로 된 프로젝트도 못 만들고 있는 자신을 보게될 수 있습니다.
코딩애플님이 쉽고 간략하게 핵심만 전달(그렇다고 내용이 모자란 것도 아님, 이것만 알아도 웬만한 응용 가능함)하는 강의를 통해서 일단 제자리 걸음에서는 벗어나고, 그 후 조금씩 나아가면서 필요한 지식을 찾아서 배우고 적용해 나가는 방식으로 가는게 향후 발전속도나 응용능력에 있어서 큰 힘이 될거라고 봅니다. 암튼 저는 이 강의 통해서 배운거 곧바로 프로젝트 적용해서 만들고 있는데, 진짜 많은 도움 되었습니다. 감사합니다.
최고의 타입스크립트 강의
part2 에서 그 누구도 알려주지 않던 타입스크립트 레거시와 활용법을 배울 수 있었습니다.
고마워요!
ㅇㄷ
혹시 여친 자리 비었습니까
타입스크립트 강의까지 7관왕
이제 하산하고 취직하겠습니다 ^^ 감사합니다 ㅎ
타입스크립트 교과서
알찬 강의였습니다.
입문자에게 강추
타입스크립트 빠르게 1회독하고싶어서 코딩애플선생님 찾아왔습니다
퇴근하고 짬내서 듣느라 2주정도 걸렸네요
문법이나 패턴 등을 언제 주로 사용하는지, 왜 쓰는지 알기쉽게 설명해주셔서 좋음
강의마다 과제 내주는것도 넘좋아용 👍
구매했는데 왜 갱신을 해야하나용?
궁금합니당
이해 쉽게잘됩니다
코딩애플 특유의 악질 예제문제덕분에 확실하게 이해하고 넘어가는 부분이 많습니다
근데 하나 건의사항이있다면 아직 TS를 굳이 써야하나..? 라는 생각이 들어서 뭐 실제 대규모프로젝트 사용례 짤막한 스샷 있으면 좋을거같네요 앵간한건 다 타입 자동추론 해주니까 어디에 명시해야할지 아직 감도 잘안오고..
근데 사실 그런건 찾아보면 다나오기때문에 저같이 코딩할 의지가없다 살아갈 의지가 없다! 하는사람만 해당되는듯