누나의 강의는

Document

완전 실습 위주

강의 동영상만 보냐구요? 아니죠! 강의와 함께 공부하면 좋은 내용들과 과제를 함께 제공합니다.

커뮤니티 운영

모르는거 질문을 어디서 하냐구요?
2,000+명의 동기가 있는 슬랙 커뮤니티에서 자유롭게 질문하세요!

수료증

강의 완강후 포트폴리오를 제출해주시면 누나의 코드 리뷰와 함께 수료증을 받아보실 수 있습니다!

이런분들에게 가장 추천합니다.

  • 텐션있게 빠르게 실전까지!

    아 자바스크립트 리액트까지 끝냈는데 또 타입스크립트 배우라고...? 빠르게 텐션있게 핵심만 배우고 싶으신 분들

  • Best Practice를 보고싶으신 분들

    타입스크립트 실전편에서 여러분들께 프로젝트 세팅부터 시작해서 실전 노하우까지 Best Practice를 보여드립니다

  • 노하우와 팁을 전수받고 싶으신 분들

    더이상 교과서 적인 내용에서 벗어나 실전 노하우와 팁을 전수받고싶으신 분들!

코스 설명 한번에 해드림

무엇을 배우나요?

타입스크립트

많은 기업에서 필수로 선택하고 있는 타입스크립트!
변수, 함수, 객체 등 기본적인 타입 개념부터 시작해 인터페이스, 제네릭까지 타입스크립트의 모든 개념을 탄탄하게 다져갑니다!

타입 최적화

무작정 타입을 선언하는 게 아니라, 

제가 회사에서 배운 최적화된 타입 설계 방법을 배웁니다.
유지보수에 용이하고 타입 확장을 고려한 타입 설계법을 배웁니다.

타입스크립트 + 리액트

타입스크립트만 배우면 뭐하냐고? 

가장 많이 쓰이는 리액트와 함께 어떻게 쓰이는지 알아야지!
타입스크립트를 실제 리액트 프로젝트에서는 어떻게 적용하는지 모든 노하우를 공개합니다.

전문가 세팅

이제 기존의 초보자들을 위한 프로젝트 세팅을 벗어나
webpack, 바벨 등을 이용해서 전문적인 프로젝트 세팅하는 법을 배웁니다.

타입스크립트 의사결정 과정 마스터!

"이럴 땐 type을 쓸까, interface를 쓸까?"
"제네릭을 쓰는 게 좋을까, 그냥 any를 써도 될까?"
실무에서 자주 마주하는 타입 선택 고민을 해결하기 위한 의사결정 과정과 Best Practice를 배웁니다.

누나의 실전 노하우

코드를 단순 따라치는 게 아닌, 

왜 이런 결정을 했는지
왜 이렇게 코드를 짰는지, 타입스크립트 초반에 어떤 실수를 많이 하는지!
누나가 회사에서 경험하고 느낀 모든 팁과 노하우를 전수합니다!



커리큘럼

총 661분(11시간)강의 3주안에 끝내보세요!

  • 1

    0. 타입스크립트 강의에 오신 여러분들 환영합니다!

  • 2

    1. 타입스크립트의 탄생

  • 3

    2. 타입스크립트 기초

    • 1. 원시타입 - 모든 타입의 기본

    • 2. 객체 & 배열 & 튜플 타입 - 조합의 시작

    • 3. type, interface - 나만의 타입 만들기

    • 4. 고급타입 - enum

    • 5. 고급타입 2 - any,unknown,void, never~

    • 6. 교차타입

    • 7. 유니온타입 - 자유에는 책임이 따른다.

    • 8. 타입 좁히기

    • 9. 유니온 타입의 함정

    • 10. 제네릭 타입 - 타입도 매개변수처럼

    • 11. 제네릭 타입 응용하기

    • 12. 리터럴 타입 - 문자 그대로

    • 13. 유틸리티 타입 - 더하고 빼고 ?

    • 14. record 타입 - 객체도 유연하게

    • 15. 타입 활용하기 - extends, as, infer

    • 16. 타입스크립트 컴파일러의 원리

  • 4

    3. 실전 프로젝트

    • 1. 프로젝트 소개

    • 2. 환경설정 - webpack, 바벨 전문가 세팅의 시작

    • 3. 라우터 설정 - 레이아웃이 있는 페이지는 어떻게 만들까?

    • 3-1. Lazy Loading -앱 최적화의 방법

    • 4. 웹사이트 테마 만들기

    • 5. 레이아웃 만들기

    • 6. Navbar 만들기

    • 7. 첫번째 Api 호출 - New Release

    • 8. 토큰 받기

    • 9. 리액트 쿼리로 Api 호출완성

    • 10. 카드 보여주기

    • 11. 로그인 하기 - 타입스크립트 초보자들이 가장 많이 하는 실수

    • 12. 로그인 하기 2탄

    • 13. 프로파일 가져오기

    • 보너스(필수) - 코드 리뷰

    • 보너스2(필수) - 프로파일이 바로 안떠요!

    • 14. 플레이 리스트 가져오기 - 타입 최적화 방법

    • 15. 플레이리스트 무한스크롤

    • 16. 플레이리스트 무한스크롤 완성

    • 17. 플레이리스트 헤더 만들기

    • 17-보충강의. Base타입 만들기

    • 18. 플레이리스트 아이템 가져오기 API 편

    • 19. 플레이리스트 아이템 보여주기 - 타입좁히기

    • 20. 플레이리스트 만들기 - 예외처리

    • 21. 검색하기 - useState의 제네릭

    • 22. 검색하기 2탄 -enum의 사용

    • 23. 검색 결과 보여주기

    • 24. 마지막 라운드
  • 5

    다음 여정

    • 여러분들께 드리는 편지

    • 코스 리뷰 작성하기

누나만 믿고 따라와

리액트: 프론트엔드 개발자로가는 마지막 단계

카카오 페이로 결제하기

Paypal 결제가 안될경우

 페이팔 결제가 안될경우 카카오페이로 결제해 주세요! 좌측 바코드를 스캔하시면 됩니다. 
결제 후 웹사이트 가입시 입력한  성함과 메일주소를 이메일로 알려주세요!

또는 계좌이체도 가능합니다

 1002-346-071878 우리은행 김빛나  
 이체후 이메일로 
입금자명, 성함, 가입 이메일 을 알려주세요!  (수작업으로 등록을 해야되서 약간의 시간이 걸립니당😀-최대하루!  )
메일주소 :     [email protected]   

강사는 누구?

Full-stack Web Developer | Instructor

코딩알려주는 누나

해외에서 부트캠프 강사로 2년간 근무하면서 100명이 넘는 문과 학생들을 가르쳐본 경험을 토대로 연구해서 나온 최고의 티칭 방법으로 여러분들을 가르칩니다. 🧐웹 개발자로 6년간 근무했으며 단국대학교 컴퓨터 공학과 수석졸업을 했습니다. ✨현재 '코딩알려주는 누나' 유투브 채널을 운영하고 있으며 코딩을 배우고싶은 여러분들을 위한 무료 클래스와 정보들을 나누고 있습니다.🚀🚀

FAQ

  • 수강 기간은 어떻게 되나요?

    강의 등록후 제한없이 보실 수 있습니다. 😊

  • 환불규정은 어떻게 되나요?

    강의구매 후 3일 이내에 3개 이하(미리보기 강의 제외)의 강의를 보셨을 경우 환불이 가능합니다. 하나의 영상을 끝까지 보지 않더라도, 영상을 클릭해서 보시면 보신걸로 간주됩니다. 자세한 환불 절차는 문의 메뉴에서 확인해주세요!

  • 결제가 안됩니다

    카드가 해외결제가 안되시거나 paypal결제가 안되시면 1002-346-071878 우리은행 김빛나로 입금해주시고 메일로 입금자명, 가입 이메일 알려주시면 제가 가입 도와드리겠습니다! 또 기타 결제방법 및 문제는 이메일로 문의해주세요! [email protected]

  • 결제는 왜 달러인가요?

    안타깝게도 아직 원화로 결제가 되지 않습니다 ㅠㅠ 혹시 카드가 해외결제가 안되신다면 주저하지 마시고 이메일 보내주세요 [email protected]

  • 1:1 개인코칭도 수강료에 포함되어있나요?

    해당 수강료에는 개인 코칭의 가격이 포함되어있지 않습니다. 😣 하지만 수강중 질문이 있으시다면 언제든지 슬랙 커뮤니티를 이용해주세요! 여러분의 동료분들 또는이 누나가 답변을 달아드립니다!👨🏿‍🤝‍👨🏿