인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
로드맵 썸네일

스킬 업! 프로가 되는 실전 프론트엔드 with React

작성자 프로필 이미지

인프런 프리즘

React
TypeScript
JavaScript

초급 대상

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

48명 참여중

30% 할인

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

로드맵 코스

👉 끝나지 않는 구글링, 길을 잃은 복붙 코드...

‘문제를 해결하는’ 프론트엔드 개발자로 거듭나고 싶다면 이 로드맵에 주목해주세요.

꼭 필요한 포인트를 모두 잡았습니다.

프로 프론트엔드 개발자로 향하는 가장 빠른 길

원리를 확실하게, 견고한 JS + TS 학습

이터러블, 이터레이터, 제너레이터 등 자바스크립트 초심자가 어려워하는 개념들을 바닐라 JS 코드로 정갈하게 처리하는 법부터, 타입스크립트의 핵심 동작 원리와 리액트 프로젝트에 적용하는 방법까지 꼼꼼하게 짚어냈습니다.

리액트 ‘제대로’ 활용하는 비결

수많은 FE 개발자가 사용하는 리액트이지만 막상 제대로 다루는 경우는 흔치 않습니다. 커스텀 훅 및 재사용성 높은 컴포넌트 구현 등 리액트 개발의 복잡한 부분과 테스트 코드 작성, 렌더링 최적화 등 현업에서 중요한 기술을 예제 중심으로 학습합니다.

상태관리 1위 리덕스 올바르게 쓰기

수많은 기업에서 리액트 상태 관리 경험을 채용 자격 내지 우대사항으로 내걸고 있습니다. 상태관리 라이브러리 중에서도 압도적으로 많이 쓰이는 리덕스(Redux)의 기본 사용법부터 미니 프로젝트까지 경험하며 확장성 있는 개발의 기반을 잡아보세요.

프론트엔드 개발자를 위한 실무 관점 Node.js

견고하고 자동화된 FE 개발환경을 갖추기 위해서는 Babel, Webpack, npm 등 Node.js 기반 기술이 불가결합니다. FE 개발자로서 한 단계 나아갈 수 있도록 노드에 대한 이해를 높이고, 노드 프로젝트를 타입스크립트로 전환하는 법까지 알아봅니다.

실무에 더욱 가까운 강의

실제 재직 인증을 완료한 현직자들이 직접 듣는 강의입니다. 

 “함수형 프로그래밍과 JavaScript ES6+”
소속 인증 현직자 수강 현황
 “한 입 크기로 잘라먹는 타입스크립트”
소속 인증 현직자 수강 현황
 “Node.js 교과서 - 기본부터 실전까지”
소속 인증 현직자 수강 현황

★★★★★

업무에서 써서 리액트에 익숙하긴 한데 가끔 제대로 하고 있는 건지 모를 때가 있었어요. 그런 부분이 해소되는 느낌이었습니다. 특히 타입은 제너릭을 따로 공부해도 실전에서 쓰기가 어려웠는데 적절한 상황에서 사용하는 예시를 보니까 이해가 훨씬 잘 되네요. 코드 짤 때도 "그냥 이렇게 하면 됩니다"가 아니라 원칙이나 이유도 같이 설명해주셔서 좋았어요.  

"부트캠프에서 알려주지 않는 것들 (리액트) 1편" 수강평

★★★★★

React를 쓰면서 기존에 Redux로 되어 있어서 고치는데 급급해 하면서 쓰고 있었는데요. 이 강의를 보니 많은 도움이 되었습니다. 역시 쓰기 전에 공부 좀 하고 쓸걸 그랬네요 ㅠㅠ

"처음 만난 리덕스(Redux)" 수강평

★★★★★

만약 방주가 살아있었다면 노아에게 이 강의를 들려줄 정도로 제 프로그래밍 사고를 바꾸는 강의네요! 좀더 익숙해지면 바로 실무랑 사이드 프로젝트에 적용해보고 싶습니다! 회사 동료분들에게도 추천 많이 하고 있습니다!

"함수형 프로그래밍과 JavaScript ES6+" 수강평

★★★★★

타입스크립트 때문에 일하면서 많이 힘들었는데, 타입스크립트에 대해서 매우 명료하게 많이 배울 수 있어요!! 진짜 추천합니다.

"한 입 크기로 잘라먹는 타입스크립트" 수강평

인프런 프리즘 프론트엔드 스킬 업 로드맵
이런 분들께 추천합니다.

  • 리액트 코드를 더 깔끔하게 작성하고 싶은 분
  • 프론트엔드 성능 측정 및 최적화에 관심 있는 분
  • Redux를 이용한 상태 관리를 배우고 싶은 분
  • 경쟁력이 필요한 프론트엔드 개발자 취업 준비생
  • 기본기 및 실무 활용 능력을 기르고 싶은 주니어 프론트엔드 개발자
  • 🎓 선수 지식 : 자바스크립트 및 리액트 기초

현업자의 생생한 노하우가 집약된 
실무 관점 올인원 로드맵, 인프런 프리즘

차별화된 배움, 한 발 앞서가는 내 커리어 
매달 새로운 주제의 로드맵이 공개됩니다. 

브랜드 스토리 읽어보기 >>

로드맵 상세보기

6개 코스

로드맵에 포함된 강의 썸네일
자바스크립트를 더욱 자바스크립트답게! 모던 자바스크립트 ES6+와 함수형 프로그래밍을 통해 중급 자바스크립트 개발자로 나아갑니다. ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다룰 뿐만 아니라 동시성/병렬성, 비동기 에러 핸들링 등 자바스크립트 프로그래밍을 더욱 간결하고, 능숙하게 할 수 있게 됩니다.

41,250

55,000

로드맵에 포함된 강의 썸네일
최근 프론트엔드 채용 공고 자격 요건/우대 사항에 타입스크립트(TypeScript)는 빠지지 않고 등장하고 있습니다. 단순 타입스크립트 문법 나열 대신 타입스크립트가 왜 이렇게 동작하는지, 어떻게 설계되었는지 원리를 알기 쉽게 전해드립니다. 리액트(React)에 타입스크립트를 적용하는 방법은 물론, 섹션별 실전 코드와 온라인 타입스크립트 핸드북까지 함께 제공합니다.

36,300

48,400

로드맵에 포함된 강의 썸네일
복잡한 상태 관리, 난해하고 지저분한 코드 등 현업 리액트 개발에서 흔히 경험하게 되는 고민들을 빠르게 정리합니다. 커스텀 훅, 테스트 코드 작성법 및 리팩토링, 재사용성 높은 컴포넌트 구현 등 실무에 꼭 필요한 내용을 이 강의에서 해결해드립니다.

20,620

27,500

로드맵에 포함된 강의 썸네일
리액트의 렌더링 원리를 모르고 코드를 기계적으로 작성해 오지는 않으셨나요? 최적화하는 방법을 몰라 페이지가 버벅거리지는 않나요? 리액트 앱 성능 측정 및 최적화와 최신 React 18에서 새롭게 소개된 내용을 심도 있게 다룹니다. 현업에 꼭 필요한 내용을 짧지만 알차게 정리해드릴게요.

9,900

13,200

로드맵에 포함된 강의 썸네일
리액트 상태 관리 라이브러리 점유율 1위 리덕스(Redux). 리덕스를 통해 상태관리의 핵심적인 컨셉과 구조를 다지고, 실제 리덕스 기반 웹 애플리케이션을 개발해 봅니다. 애플리케이션 전체에 걸쳐서 상태를 효과적으로 관리하고 확장성 있는 개발을 할 수 있는 기반을 마련해드립니다.

74,250

99,000

로드맵에 포함된 강의 썸네일
Node.js를 실무에서 어떻게 사용하는지 궁금하신가요? 타입스크립트를 Node.js에 적용하면서 얻는 이점은 무엇일까요? 견고하고 자동화된 프론트엔드 개발환경의 바탕이 되는 Node.js를 학습하고, 프론트엔드 개발자로서 깊이를 더합니다.

37,120

49,500

30% 할인

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

로드맵 코스 6