로드맵 썸네일

셀프 완성! 집에서 끝내는 React 프론트엔드 개발자 부트캠프

작성자 프로필 이미지

인프런 프리즘

React
Node.js
GraphQL
입문 강의 아이콘

입문 대상

5개 강의

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

756명 참여중

30% 할인

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

로드맵 코스

React는

메타(구 페이스북)에서 개발한 React는 프론트엔드 개발에 필요한 코드를 효율적으로 구축할 수 있는 자바스크립트(JavaScript) 기반 라이브러리입니다. Angular, Vue.js, Svelte 등 여러 프론트엔드 프레임워크/라이브러리 가운데 수년 연속 가장 높은 점유율을 차지하며 프론트엔드 개발의 대세로 자리잡았습니다.

프론트엔드 개발자가 React를 배워야 할 이유!

복잡한 프로젝트에 날개를 달아줄 React

순수한 HTML, CSS 및 JavaScript만으로도 웹 페이지를 개발할 수는 있습니다. 하지만 실무에서 개발자에게 요구되는 복잡한 웹 애플리케이션을 개발하기 위해서는 DOM 요소 등 신경써야 할 코드가 너무 많아지게 되죠.

React에서 지원하는 컴포넌트를 이용하면 코드 재사용성이 높아져 효율적이고 생산성이 뛰어난 프론트엔드 개발을 할 수 있어요. 여기에 가상 DOM을 통한 성능 최적화, 편리한 유지 보수 및 관리 등의 장점 때문에 실제 많은 프로젝트에서 React를 애용하고 있습니다.

성장을 이끄는 넓고 깊은 개발 생태계

다양한 자바스크립트 UI 프레임워크/라이브러리 중에서도 압도적인 인기를 끌고 있는 React는 인기만큼이나 거대한 프론트엔드 개발자 커뮤니티를 가지고 있습니다. 그만큼 양질의 정보를 찾고 학습할 때 특히 유리하죠.

드넓은 커뮤니티만큼이나 시장에서의 수요도 크기 때문에 React 기반의 프론트엔드 개발자 채용 공고 역시 쉽게 찾아볼 수 있습니다. 우리가 잘 알고 있는 대형 테크 기업부터 잠재력 있는 IT 스타트업에 이르기까지 수많은 기업에서 React를 잘 다루는 개발자를 찾고 있어요.

빠르게 변하는 프론트엔드 개발 생태계, 
기본기는 튼튼하게 & 트렌드엔 기민하게! 

한 발 앞서가는 개발자 커리어! React로 여러분의 터닝 포인트를 열어보세요.

이 로드맵이 필요한 사람은 누구?
혹시 내 얘기라면 주목해주세요.

  • 프론트엔드 개발자로 취업하고 싶은 학생 및 비전공자
  • 가장 인기 많은 프론트엔드 라이브러리 React 기본기를 완성하고 싶은 분
  • 개발 경쟁력을 높이는 FE 스킬까지 다지고 싶은 분 (웹 성능 최적화, TypeScript, 개발 환경 구성...)
  • HTML/CSS/JS 그 다음이 궁금한 분
  • 신입 프론트엔드 포트폴리오를 위한 필수 스택을 완성하고 싶은 분
  • 불필요한 내용은 덜고 실무에 꼭 필요한 프론트엔드의 핵심에 집중하고 싶은 분

이미 수많은 분들이 성장을 증명하고 있습니다.

★★★★★

프론트엔드 개발자로 이직하기 위해 다양한 부트캠프 학원 중 코드캠프 프론트엔드 오프라인 과정을 수강했습니다. 수강하면서 가장 마음에 들었던 부분은 쉬운 설명과 잘 짜인 커리큘럼이었습니다. 이 강의가 현장에서 배운 내용과 동일하기 때문에 개발자로 커리어 전환을 앞두고 고민하는 분들께 큰 도움이 될 거로 생각합니다 :)

"[인프런x코드캠프] 고농축 프론트엔드 코스" 수강평

★★★★★

여러 Git/Github 강의를 들었지만 실질적으로 제가 써먹기는 너무 어려운 것들이 대부분이었는데, 이번 강의에서는 실습도 바로바로 해보아서 도움이 많이 되었고, 앞으로 프로젝트 관리를 깃으로 해볼 수 있겠다는 자신감도 생긴 것 같아서 좋습니다ㅎㅎ

"팀 개발을 위한 Git, Github 입문" 수강평

★★★★★

타입스크립트에 대하여 개념 및 실제 사용 사례를 쉽게 설명해주시고, 실습도 따로 제공해 수강생이 직접 익힐 수 있도록 잘 이끌어 주십니다. 타입스크립트를 배워야 하는 분이시라면 그냥 이거 강의 들으시면 됩니다. 차분한 목소리 + 강의 컨텐츠 + 쉬운 설명. 삼위일체가 이루어지는 명불허전 강의였습니다. 저는 이만 기존 자바스크립트 코드에 타입 붙이러 갑니다...

"타입스크립트 입문 - 기초부터 실전까지" 수강평

★★★★★

프론트엔드 개발자인데 자바스크립트 코어와 React, Angular같은 프레임워크가 제공하는 기능들만 그대로 사용했는데 이 강의를 통해 소스 파일 커스터마이징에 손을 댈 수 있게 되었습니다. 감사합니다.

"프론트엔드 개발환경의 이해와 실습" 수강평

★★★★★

프론트엔드 개발자라면, 단순히 HTML/CSS와 React를 잘 다루는 것을 넘어 개발 환경은 어떻게 세팅하고 Node.js 모듈이 어떻게 동작하고 빌드되는지를 이해해야 한다고 생각합니다. 이 강의는 그러한 부분을 잘 채워줍니다. 많이 배웠습니다. 감사합니다.

"프론트엔드 개발환경의 이해와 실습" 수강평

★★★★★

기존 클론코딩이나 강좌들은 너무 재미없고 지루하고 잠들기까지 했었는데 스터디 하는 느낌의 강의라 너무 재미있네요! 강추하고 기회가 되신다면 초급에서 중급으로 넘어가지 못하고 있는 주니어들을 위한 비슷한 스터디형 강의 하나 만들어주셨으면 좋겠습니다.

"풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기" 수강평

프로 FE 개발자의 노하우, 인프런에서

인기 지식공유자들의 강의를 하나의 흐름으로 만나보세요.

진유림 님

 "팀 개발을 위한 Git & 
Github 입문"

지식공유자 누적 수강생 3,010+명

김정환 님

 "프론트엔드 개발환경의 
이해와 실습"

지식공유자 누적 수강생 9,770+명

장기효 님

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

지식공유자 누적 수강생 32,520+명

정재남 님

"풀스택 리액트 라이브코딩: 간단한 쇼핑몰 만들기"

지식공유자 누적 수강생 17,680+명

로드맵 목표

  • ✅ React 기반 웹 클라이언트 프론트엔드 개발 학습
  • 전체적인 개발 사이클에 대한 이해 (최신 기술 스택 중심)
  • ✅ 자바스크립트 프로젝트에 타입스크립트를 점진적으로 적용해나가는 방법
  • ✅ 생산성을 높이는 프론트엔드 개발 환경 구성 적용하기 
  • ✅ 협업을 위한 Git/Github (CLI & GUI)

고민은 선택을 늦출 뿐 ✅

2023년, 프론트엔드 개발자 취업도 인프런과 함께하세요.

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

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

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

로드맵 코스

로드맵에 포함된 강의 썸네일
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
[첫번째 과정] 프론트엔드 개발자에게 꼭 필요한 핵심 기술을 배우고, 튜토리얼 이상의 포트폴리오 완성까지 집중적으로 학습하는 강의입니다. 현업 주니어 FE 개발자 수준에 준하는 체계적인 커리큘럼을 통해 프론트엔드 개발의 대세 리액트를 ‘제대로’ 쓸 수 있게 이끌어드릴게요!

396,000

로드맵에 포함된 강의 썸네일
팀 개발을 위한 Git, GitHub 입문
[두번째 과정] 개발자라면 업무를 할 때 반드시 사용하게 되는 버전 관리 툴, Git(깃)과 Github(깃허브)를 제대로 활용하는 방법을 학습하는 강의입니다. Git/Github를 효과적으로 쓸 수 있도록 기본 원리뿐만 아니라 커맨드 인터페이스(CLI)와 그래픽 인터페이스(GUI) 두 가지 사용법 모두 실습을 통해 알려드립니다.

22,280

29,700

로드맵에 포함된 강의 썸네일
프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..)
[세번째 과정] 실무에서는 프론트엔드 개발 환경 구성이 중요할 때가 많지만, 매뉴얼만 봐서는 제대로 원리를 알기 어렵습니다. 이 강의를 통해 개발 환경 구성을 왜 해야 하는지 이해하고 Webpack, Babel, ESLint, Node.js 등의 세팅을 프로젝트에 맞게 커스터마이즈할 수 있도록 실력을 끌어올려 보세요.

69,300

로드맵에 포함된 강의 썸네일
타입스크립트 입문 - 기초부터 실전까지
[네번째 과정] 많은 프론트엔드 개발 실무자들이 리액트 + 타입스크립트 조합에 주목하고 있습니다. 이 강의에서는 자바스크립트를 개선한 타입스크립트를 기존 JS 프로젝트에 적용하는 방법을 배우게 됩니다. 훨씬 강력하고 안정적으로 서비스를 만드는 개발자로 거듭날 수 있게 도와드릴게요!

55,000

로드맵에 포함된 강의 썸네일
풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기
[다섯번째 과정] 리액트와 타입스크립트를 기반으로 서비스를 완성하는 과정을 함께하는 스터디 형태의 강의입니다. 프로젝트 개발 과정에서 처하는 다양한 문제를 어떻게 해결하는지를 살펴볼 수 있어요. 실무에 투입될 프론트엔드 개발자로서 한 발짝 도약할 수 있도록 실제 개발에서의 노하우를 있는 그대로 전해드립니다.

22,000

30% 할인

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

로드맵 코스 5