로드맵 썸네일

React와 TypeScript로 시작하는 프론트엔드 개발 로드맵

장기효(캡틴판교)

JavaScript
React
TypeScript
입문 강의 아이콘

입문 대상

5개 강의

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

87명 참여중

30% 할인

11개 남음전체 구매 적용
쿠폰 받기

로드맵 상세

일 잘하는 FE 개발자가
반드시 공부하는 기술이 있다?

React, Git, Webpack, TypeScript. 프론트엔드 개발자 취업을 준비할 때, 실무에서 일을 잘하기 위해 꼭 알아야 하는 기술입니다.

이 로드맵은 취준생이나 신입 혹은 주니어 개발자가 실무에서 꼭 학습해야 하는 프론트엔드 기술 스택으로 구성되어 있어요. 로드맵과 함께라면 어려워 보이는 기술도 쉽고 빠르게 배울 수 있습니다! 프론트엔드 개발에 막 입문한 분들부터 주니어 개발자까지. 프론트엔드 실무자가 입을 모아 말하는 실무 밀착형 프론트엔드 지식을 학습해 보세요.

프론트엔드 필수 기술 4대장, 왜 공부해야 할까요?

React

생산성이 높고 유지보수가 편리한 프론트엔드 필수 라이브러리.

Git

개발 프로젝트 협업에 필수, 소스 코드 버전 관리 시스템.

Webpack

애플리케이션의 성능을 높이고 로드 시간을 줄여주는 모듈 번들러.

TypeScript

개발 생산성은 높이고 에러 발생은 줄여주는 프론트엔드 필수 언어.


로드맵 미리보기

'React와 TypeScript로 시작하는 프론트엔드 개발 로드맵'의 학습 순서와 수강평을 미리 확인해 보세요!

1. 만들면서 배우는 리액트 : 기초

귀여운 고양이 짤방을 만들면서 취업 필수 기술인 리액트의 기본을 학습합니다.

생생한 수강평 ⭐

리액트를 처음 공부하는 사람에게는 추천하기에 딱 좋은 구성의 강의라고 생각합니다. 리액트는 이 강의로 시작하세요~ ^^

- 수강생 이*** 님

2. 팀 개발을 위한 Git, GitHub 입문

국내 Git 베스트셀러 저자와 함께 팀 개발에서 협업할 수 있는 도구인 Git을 배웁니다.

생생한 수강평 ⭐

이렇게 짧은 시간에 깃과 깃허브를 실무에 적용할 수 있는 수준으로 이끌어 주실 줄 몰랐는데, 정말 좋은 강의 감사드립니다. 숙달되려면 개인적으로 조금 연습이 필요하겠지만 개인적으로 깃과 관련된 최고의 강의라고 생각이 듭니다.

- 수강생 돈*** 님

3. 프론트엔드 개발자를 위한 웹팩

프로젝트 환경을 분석하거나 스스로 구성할 수 있는 웹팩을 익힙니다.

생생한 수강평 ⭐

정말 기초부터 따라갈 수 있는 쉽고 편안한 설명, 그리고 그 쉬움을 구현해 주는 정성이 들어간 교안 (웹팩 핸드북) 덕분에 웹팩을 잘 이해하고 갑니다~ 감사합니다!

- 수강생 gar*** 님

4. 타입스크립트 입문 - 기초부터 실전까지

프론트엔드 개발 역량을 한 단계 높여줄 타입스크립트 학습으로 로드맵을 마무리합니다.

생생한 수강평 ⭐

여러 프로젝트도 만들어 보면서 따라 할 수 있어서 더 머리에 잘 들어오는 것 같습니다. 그리고 개념도 하나하나 잘 설명해 주시는 것 같아서 어려움 없이 타입스크립트 공부를 하고 있습니다. 타입스크립트를 체계적으로 배우고 싶으신 분들께 추천드려요!

- 수강생 dol*** 님

현역 프론트엔드 개발자의
노하우를 전해드립니다.

실전에, 실전에 의한, 실전을 위한! 오랜 개발 경험과 강의 경험으로 쌓아온 실무 필수 지식만 모아 압축적으로 학습하세요. 실전 사례, 퀴즈, 실습 등을 통해 프론트엔드 기술을 자연스럽게 내 것으로 만들어봐요.

율무 (진유림)

  • '팀 개발을 위한 Git, GitHub 시작하기' 저자
  • 삼성전자, Facebook, IBM, 고려대, 이화여대 등 다수 기술 강연
  • 8년차 프론트엔드 개발자

캡틴판교 (장기효)

  • '쉽게 시작하는 타입스크립트' 저자
  • 국내 검색 순위 1위 타입스크립트 핸드북, 웹팩 핸드북 저자
  • 10년차 프론트엔드 개발자
  • 인프런 누적 수강생 35,000명+

이런 분들께 추천해요.

  • 📌 프론트엔드 입문자, 개발자 취업 준비생
  • 📌 FE 신입 개발자 혹은 주니어 개발자
  • 📌 프론트엔드 실무에 필요한 기술만 골라 압축적으로 학습하고 싶은 분
  • 📌 일 잘하는 FE 개발자가 되는 실무 지식을 쉽게 익히고 싶은 분

로드맵 상세

로드맵에 포함된 강의 썸네일
만들면서 배우는 리액트 : 기초
이보다 더 재밌고 쉽게 리액트를 시작할 순 없다. 귀여운 고양이 짤방을 만들면서 리액트의 기본 개념과 원리를 배워보세요.

44,000

로드맵에 포함된 강의 썸네일
팀 개발을 위한 Git, GitHub 입문
국내 Git 베스트셀러 저자의 Git 강의입니다.

22,280

29,700

로드맵에 포함된 강의 썸네일
타입스크립트 입문 - 기초부터 실전까지
"쉽게 시작하는 타입스크립트"의 저자 캡틴판교의 명불허전 타입스크립트 입문 강의. 국내 검색 노출도 1위의 타입스크립트 핸드북 저자의 명쾌하고 쉬운 설명을 들어보세요.

55,000

30% 할인

11개 남음전체 구매 적용
쿠폰 받기