채널톡 아이콘
BEST

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

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

중급자를 위해 준비한
[웹 개발] 강의입니다.

이런 걸 배울 수 있어요

  • 기존 타입을 변형해서 새로운 타입을 만들어 내는 방법

  • template literals

  • object indexing

  • discriminated union type

  • utility types

  • generics

  • advanced pattern in typescript

책에서 알려주지 않는 TS 실전 테크닉!

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

타입스크립트에서 interface, type만 사용해 온 당신 👊 

타입 변형으로 재사용 가능한 타입을 만들어보세요!

Case #1
두번째 makeUrl 함수 호출에서 타입 에러가 발생할 수 있도록 Path를 작성할 수 있으신가요?

Case #2
Routes 타입에서 DynamicRoutes를 만들 수 있으신가요?

모르시겠다면... 👉👈 
타입스크립트로 다양한 것을 할 수 있다는 걸 알려드릴게요!

🤔 채용공고 [우대 사항]에 Utility type 사용 여부를 물어보는데 사용해본 적이 없으신가요?

👍 채용 담당자도 사용해보지 않은 Utility type들을 알려드릴게요!

🤔 타입스크립트는 interface, type이 전부인 걸로 알고 계셨나요?

😆 그것들이 전부가 아니라는 걸 보여드릴게요!

🤔 중복되는 타입들을 한 곳에서 관리해서 재사용성을 높이고 싶으신가요?

✌️ 재사용 가능한 타입 만드는 법을 알려드립니다


강의 특징 ✨

  1. 강의에 나온 문제들을 Stackblitz에서 풀어볼 수 있습니다.
  2. 개념을 끝까지 이해시킬 수 있도록 다양한 응용 문제들을 제공합니다.
  3. 시중에 나와있는 책들에서 배울 수 없는 테크닉들입니다.

여러분의 성공적인 완강을 응원합니다! 🎉

이 강의를 만든 애프터캠프는

  • 부트캠프 수료한 분들을 위한 커뮤니티를 운영하고 있습니다.
  • 단순 개발자 공급만 늘리는 정책에 반대하며, 양질의 후학들을 양성하고자 하는 꿈을 갖고 있습니다.

Q&A 💬

Q. 강의 난이도는 어느 정도인가요?

중급 이상 강의입니다. 타입스크립트를 어느 정도 사용한 분들을 위한 강의이고, 재사용 가능한 타입 만드는 것을 배우고 싶은 분들을 위한 강의입니다.

Q. 다른 강의들과 다른 점은 무엇인가요?

강의 문제들을 직접 풀어볼 수 있는 환경을 제공하고 모르는 부분은 제공하는 문서를 통해 빠르게 리마인드 할 수 있습니다.

애프터캠프의 다른 강의가 궁금하다면?

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 타입스크립트를 실무에서 활용해보신 분

  • 그동안 type, interface만 사용해오시던 분

  • 귀찮은 타입 작성 시간을 줄이고 싶으신 분

선수 지식,
필요할까요?

  • 타입스크립트

  • 고등학교 1학년 집합론

안녕하세요
애프터캠프입니다.

1,749

수강생

86

수강평

77

답변

4.8

강의 평점

6

강의


## 이력서, 포폴 첨삭 등 강의 외 문의사항이 있으시면 이곳으로 문의 주세요

👉 morishjs@gmail.com

강사 깃헙: https://github.com/morishjs

지식저장소: https://wiki.after-camp.com/Home

🎨 포트폴리오: https://morish.dev

📜 이력: https://shorturl.at/gKU68



부트캠프 수료했는데 앞으로 뭘 공부해야 할지 막막하시죠?

👊 부트캠프에서는 취업률 90%라고 하는데... 전 취업이 잘 안돼요! 😢

👊 취업은 했는데 사수가 없어서 너무 불안해요! 🤑

👊 작성한 코드가 동작은 하는데 이렇게 작성하는지 모르겠어요! 🤯


애프터캠프에서는 다음이 가능합니다!

👌 CTO 2번 경험, 다수의 프로젝트를 경험한 풀스택 개발자가 직접 코칭합니다.

👌 코드 리뷰, 커리어 방향성 고민을 같이 해드립니다.

👌 애프터캠프에는 한국, 미국 실리콘밸리 예비 개발자, 현직자가 모인 곳입니다.

 

 

더보기

커리큘럼

전체

165개 ∙ (2시간 57분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

29개

5.0

29개의 수강평

  • 이종민님의 프로필 이미지
    이종민

    수강평 33

    평균 평점 5.0

    5

    59% 수강 후 작성

    신선한 방식으로 타입스크립트를 가르쳐주셔서 감사합니다. 기본 개념들을 익혀서 실전에서 적용하고자 할 때 항상 interface, type alias 정도 밖에 사용하지 못했는데, 다양한 유틸리티 타입들을 적용할 수 있도록 여러 문제들을 제공해주시고 풀어보게 해주셔서 너무 재밌게 공부할 수 있었습니다.

    • 애프터캠프
      지식공유자

      친절한 리뷰 감사합니다! 종민님께서 이제 다양한 유틸리티 타입들을 실제 시나리오에 적용할 수 있게 되어 매우 기쁩니다.

  • 이승훈님의 프로필 이미지
    이승훈

    수강평 6

    평균 평점 5.0

    5

    100% 수강 후 작성

    현업에서조차 유틸리티 함수를 활용해서 타입을 선언하고 관리하는 경험을 가지기 힘들었는데 이 강의를 통해 경험할 수 있어서 좋았습니다. 문제와 해설 형식도 강의 흥미를 높이는데 도움이 됐어요. 내용이 꽉꽉 차있어서 복습을 꼭 해야 될 것 같습니다. 중간에 커피 쿠폰 이벤트도 재밌었습니다. 조금 아쉬운 점은 시작부터 본게임으로 들어가서 기반지식, 유틸리티 함수를 알지 못하고 들어가는게 아쉬웠습니다. 문제 푸는 재미가 있었는데 모르고 있던 기반지식이 필요했을 때 시간을 많이 소모하게 되더라구요. 이런 기반 지식을 가볍게 소개하고 시작하면 더 좋을 것 같아요.

    • 애프터캠프
      지식공유자

      강의에 대한 솔직한 리뷰를 남겨주셔서 진심으로 감사드립니다. 피드백을 통해 어떤 부분에서 만족하셨고 어떤 부분에서 개선이 필요한지 알 수 있어 매우 도움이 됩니다. 먼저, 유틸리티 함수와 타입 선언 관련하여 현업에서의 경험을 쌓는 데 도움을 주었다는 점에 대해 기쁘게 생각합니다. 아쉬운 점에 대해서도 말씀해주셔서 감사합니다. 기반 지식에 대한 가벼운 소개가 필요하다는 점은 앞으로의 강의나 커리큘럼 제작 시에 큰 참고가 될 것입니다. 특히, 기반 지식 없이 문제를 풀 때 발생하는 불편함과 시간 소모를 최소화하려는 노력을 더 기울이겠습니다.

  • 프린이님의 프로필 이미지
    프린이

    수강평 4

    평균 평점 5.0

    5

    68% 수강 후 작성

    실제적으로 사용되는 타입스크립트 코드와 이론이 적용되는 강좌를 찾는 중, 수강하게 됐습니다. 현업에서 혹은 기본코드로 타입스크립트를 사용하지 않지만, 수강 하면서 어떻게 TS를 적용해야하는지, 감을 익히게 됐고, TS에 자신감이 생겼습니다. 요즘 TS가 대중화되고 있는 시기라, TS 이론에 대한 강의는 차고 넘치지만, 이것처럼, 케이스별 에러 처리나 실제 문법을 적용해 다루는 내용은 찾기 어려웠습니다. 몇몇 단점도 있었지만, 그보다 상회하는 장점으로 큰 도움 되었습니다. TS의 기본 이론을 수강하신 분이라면, 여러 케이스별 어떻게 TS가 적용되고, 실제 코드가 궁금 하신 분, 이론 뚝딱 알려주고 끝나는 강좌에 뭔가 마음 찜찜하신 분, 이 강좌 진심 강추 드립니다. 무엇보다 매번 강의 관련 코드 문의에 진심으로 답변 감사드립니다! 그 동안 여기에서 수강했던 TS강좌 들 중에서 가장 감동받고 감사하고 있습니다! 정말, 여기 페이지 메인에서, TS는 이 강좌구나 라고 많은 분들이 알아주셨음하네요,

    • 애프터캠프
      지식공유자

      이렇게 상세한 리뷰를 남겨주시다니 감사합니다. 질문게시판에 열심히 질문 올리신 것이 기억이 남는데요. 제 강의 내용이 도움이 되셨다니 기쁩니다. 제가 여유가 생기면 Node.js, React 관련해서 타입 활용법 강의도 업데이트 할 예정이니 기대해주세요!

  • 이승민님의 프로필 이미지
    이승민

    수강평 2

    평균 평점 5.0

    5

    64% 수강 후 작성

    타입스크립트를 공부하면서 자바와는 다르게 타입을 자유자재로 다루어 확장성있게 사용할 수 있다고 느꼈는데, 실제로 그렇게 사용하려니 너무 어렵더라구요. 본 강의는 타입스크립트를 더욱 효율적으로 사용하는 방법을 알려주는 강의이며, 중간중간에 있는 문제 링크들도 잘 구성이 되어있다고 느껴집니다. 실무에서 타입스크립트를 사용해보신 분들이 본 강의를 통해 더욱 많은 걸 얻어가실 수 있을 듯 합니다.

    • monkey-k 777님의 프로필 이미지
      monkey-k 777

      수강평 37

      평균 평점 5.0

      5

      16% 수강 후 작성

      React, Next.js를 공부하면서 결국 발목을 잡아 시간을 많이 쏟게 만드는 건 타입스크립트 지식 부족이 원인이더라구요. 린트 경고 메시지는 뭐라고 나오긴 하는데, 상속과 제네릭, 낯선 유틸리티 타입과 예약어(? - satisfies, declare...)들로 도배된 외부 모듈을 사용하려 할 때, 타입 규정과 맞지 않는다고 하는데, 너무 복잡해서 해석이 안 돼서 결국 검색이나 GPT 도움을 받거나, 지저분하게 코딩하거나, 최후 수단으로 다른 방법으로 돌아가거나 해왔었는데(기능을 변경하거나 없앤다든지;;), 이 강의가 많은 도움이 되는 것 같습니다. 강의가 어려워요. 강사님이 못 가르치신다는 게 아니라, 내용 자체가 어려운, 고급진 강의입니다.

      애프터캠프님의 다른 강의

      지식공유자님의 다른 강의를 만나보세요!

      비슷한 강의

      같은 분야의 다른 강의를 만나보세요!

      ₩38,500