자유도 높은 React, 8주 만에 완전 정복!

할인마감 D-

리액트 개발의 A to Z

React로 구현하는
웹 애플리케이션 프로젝트 CAMP

8주·32시간
Web Application 개발 프로세스 완주하기

#ES6#상태관리
#스타일링

기간 & 일정

2019.12.14 – 2020.2.15
(휴강: 12/28, 1/25)
매주 토요일 14:00 – 18:00
(주 1회, 총 32시간)

장소 & 준비물

패스트캠퍼스 강남강의장
강남역 4번 출구
개인 노트북 사용 권장

담당자 & 문의

02-501-9396
help.camp.dev@fastcampus.co.kr

프로세스

React 개발에 등장하는
N가지 기술을 정복하는 실습 코스

Component로 UI를 쉽게 개발할 수 있는 라이브러리 React.
복잡한 코드 없이도 웹 프론트엔드·데이터가 수시로 업데이트되는 서비스 구축!
전 세계 개발자들이 주목하고 있습니다

리액트를 어떻게 알려주나요?

문서로 배우기 힘든 구조화부터 실무까지

단순히 리액트 라이브러리의 사용방법을 배우는 것이 아니라, 여러분이 실제로 실무에서 사용할 때 필요할 지식을 알려드립니다. 리액트는 다른 라이브러리나 프레임워크에 비해 개발자가 꼭 지켜야 할 규칙이 적어 자유도가 높은 것이 장점입니다. 하지만 자유도가 높아서 처음 시작하는 개발자들은 리액트 활용이 어려울 수 있습니다. 이 코스는 강사님과 함께 프로젝트를 어떻게 설계하는지부터 시작해 실무 노하우를 알아가는 과정입니다.

만들고 싶은것을 만들 수 있게 

이 강의의 목표는 여러분이 만들고 싶은것을 직접 구현 할 수 있게 해주는 것입니다. 오직 리액트만 다루면 백엔드 배경지식이 이미 있지 않은 이상 충분한 활용을 할 수 없습니다. 백엔드 관련 기술을 아직 잘 다루지 못하는 분들을 위하여 Node.js 를 통한 백엔드 개발 관련 자료가 부록으로 제공됩니다 (동영상/문서). 때문에, 강의를 마칠 시점엔, 만들고 싶은 서비스를 개발하는데 필요한 지식들을 충분히 갖춰나갈 수 있을 것입니다.

프로젝트로 체득하는 React 핵심

프로젝트를 통해 프론트엔드/백엔드 프로그래밍의 기초, 그 이상을 얻어가실 수 있습니다. 프로젝트를 완성해가면서 스타일링, 상태관리, API 연동, 라우팅, 서버사이드 렌더링, 코드 스플리팅, 테스팅 등의 다양한 기술들을  학습하여 실무에 바로 적용 할 수 있는 풍부한 경험치를 쌓아드립니다

어떤 프로젝트를 진행하나요?

매 수업시간에 배운 내용을 프로젝트에 적용해서 조금씩 완성합니다
React 개발의 프로세스 전반을 경험하며 한 사이클을 완주할 수 있습니다
개발 기술 뿐만 아니라 전체적인 구조를 잡는 능력까지 가져갑니다

[프로젝트] 기술서적 리뷰사이트 구현하기

가이드라인이 없는 리액트, 어떻게 활용하느냐가 실무 생산성을 좌우합니다

공부도 하고!
학습지원금도 받고!

미션 완료시 수강료의 10%를 학습지원금으로 드립니다.

패스트캠퍼스의 수강의지를 강화하기 위한 지원금 제도를 운영합니다
패캠이 제안하는 학습 목표를 달성하고 커리어 이상의 성취감을 얻어가길 바랍니다.

*학습지원금은 제세공과금(22%)을 제하고 드립니다.

과제/학습노트

100% 제출

React를 가져갈 커리큘럼

[1주차]

리액트 시작하기

1주차 자세히 보기

  • 리액트를 위한 JS 기본 문법 정리
  • 리액트가 하는 일
  • 자바스크립트 컴파일 없이 리액트 시작하기
  • Rendering 이해하기
  • Component 의 이해
  • JSX 문법
  • props 와 state
  • 이벤트 처리
  • [프로젝트] Tutorial: Intro to React
1주차a

[2주차]

리액트 프로젝트 구성

2주차 자세히 보기

  • Prettier + ESLint + husky + lint-staged 사용하기
  • 리액트 컴포넌트 디버깅
  • tic-tac-toe
  • Component Life Cycle
  • React 의 라우팅 이해하기 (react-router)
  • [프로젝트] 리액트 라우터 복습
2주차a

[3주차]

리액트 스타일링 정복

3주차 자세히 보기

  • 컴포넌트 스타일링
  • CSS Module
  • Sass
  • Styled-components
  • Ant Design 활용하기
  • [프로젝트] 개발 서적 평가 서비스 로그인 디자인
3주차a

[4주차]

리액트 실전 활용법

4주차 자세히 보기

  • Higher Order Component(HoC) 알아보기
  • Hooks
  • Component Controlled Component 와 Uncontrolled Component
  • Login 요청하기
  • localStorage
  • Rest API 로 데이터 가져오기
  • [프로젝트] 개발 서적 평가 서비스 백엔드 API 와 연동하기
4주차a

[5주차]

Redux(리덕스)

5주차 자세히 보기

  • 컴포넌트 간 통신
  • 리덕스 개요
  • 리덕스 Action
  • 리덕스 Reducers
  • createStore, combineReducers
  • Context API 사용하기
  • react-redux
  • [프로젝트] 개발 서적 평가 서비스에 리덕스 적용하기
5주차a

[6주차]

리덕스 심화

6주차 자세히 보기

  • Optimizing Performance
  • Immutable.js
  • Async Action with Router
  • 리덕스 미들웨어
  • redux-thunk
  • redux-promise-middleware
  • redux-saga
  • react-router-dom 과 redux 함께 쓰기
  • redux-actions
  • [프로젝트] 개발 서적 평가 서비스 리덕스 미들웨어 적용
6주차a

[7주차]

Testing

7주차 자세히 보기

  • JavaScript 테스트
  • Jest 사용하기
  • 리액트 컴포넌트 테스트
  • react-testing-library 활용하기
  • 리덕스 / 비동기작업의 테스트
  • [프로젝트] 개발 서적 평가 서비스 테스트 작성하기
7주차a

[8주차]

Production

8주차 자세히 보기

  • 프로젝트 배포 이해하기
  • AWS S3 에 React Wep App 배포하기
  • node.js express 로 React Wep App 배포하기
  • NginX 로 React Wep App 배포하기
  • 서버사이드 렌더링 이해하기
  • [프로젝트] 개발 서적 평가 서비스 마무리
8주차a

오직 오프라인 수강생에게만 드리는 비공개 영상강의!

수강생 여러분의 원활한 학습을 위하여 Backend 영상강의를 제공합니다.

영상 목록

– Node.js – express 웹 프레임워크를 통한 REST API 개발
– docker 로 배포 이미지 만들기
– 타입스크립트로 리액트 하기
– MobX
– TypeStyle

강사소개

300x300 이웅재

이웅재

Career

Studio XID 프로토파이 개발 (2016 ~)
VTouch 수석 엔지니어 (2014 ~)
창업 및 스타트업 운영 (2010 ~)

Projects

ProtoPie 개발
Real Estate Development Service in LA
Virtual Touch Solution & Demo System 

Activities

한국 타입스크립트 유저 그룹 오거나이저
Microsoft Most Valuable Professional
AWS Certified Developer
Youtube 채널 운영 중

강사소개-프로젝트이미지

이 코스의 목표는?

8주, 총 32시간 동안 React 와 관련된 모든 것을 이해하는 것입니다. React 는 자유도가 높기 때문에 어떻게 구성하는 지가 중요합니다. React 와 관련된 기술들을 총 망라하여 장단점을 확실히 알고, 선택해갈 수 있는 능력을 함께 기르는 값진 시간이 되도록 노력하겠습니다.

지금 React가 필요하다면?

React 로 무언가를 해야 한다면, 생각보다 쉽게 시작할 수 있습니다. 하지만, React 를 왜 써야 하는 그리고 React 와 관련된 기술들이 왜 등장한지 알고 사용해야, 자유도 높은 React Web Application 을 좀 더 체계적으로 만들 수 있습니다. 함께 React 와 관련 기술을 디테일하게 학습하고, 설계 능력까지 키우는 뜻 깊은 시간이 되기를 바랍니다.

실무에 바로 쓰는 코스 특징 α

Node.js로 백엔드까지 경험하라

프론트엔드 개발을 더욱 깊이 있게 하기 위해서는 백엔드를 고려해야만 합니다. 수업때는, 이미 구현된 백엔드 서버에서 제공하는 API와 연동하여 프로젝트를 진행해보게 됩니다. 그리고, 백엔드 개발도 학습해보고 싶은 분들을 위하여 Node.js 기초와, 수업에서 다루는 리액트 프로젝트에서 사용된 백엔드 API 를 직접 만드는 튜토리얼을 다루는 자료 (동영상/문서) 를 제공해드립니다.

부록 : Backend 영상강의

Node.js – express 웹 프레임워크를 통한 REST API 개발
docker 로 배포 이미지 만들기

내 이야기라면, 지금 합류하세요!

icon_man3_2_happy-1024x1024

리액트를 어디서부터 시작해야 할지
어떻게 나아가야 할지 막막하다.

icon_woman1_2_happy-1024x1024

회사에서 리액트를 사용하게 되어
실무에 빨리 쓸 수 있는 실력이 필요하다

icon_man4_2_happy-1024x1024

지속해서 데이터가 변화하는
대규모 애플리케이션을 구축해야한다

icon_woman3_2_happy

React를 실무에 적용하여
부분적으로라도 활용해보고 싶다.

※ 효과적인 학습을 위해 이정도는 알고 오셔야합니다

React.js 수강을 위해 알아야 하는 최소한의 자바스크립트 문법입니다.  [링크 클릭]

본 강의에서는 JavaScript를 별도로 강의하지 않습니다. 만약, JavaScript 경험이 없거나 코드에 대한 이해가 없으시다면 [JavaScript 부트 캠프 (클릭)] 강의를 수강하시는걸 추천합니다.

{ FASTCAMPUS COMMUNITY MEMBERSHIP }

패스트캠퍼스 오프라인 강의를 수강하셨다면!
별도의 가입절차없이 패스트캠퍼스 커뮤니티 멤버쉽 회원이 됩니다.
커뮤니티 멤버쉽은 수강 후 1년 동안 유지되며,
오직 멤버들만을 위한 비공개 스터디클럽, 네트워킹행사, 세미나 등 비정기적 행사에 모실 예정입니다.

image_1@2x
image_2@2x
image_3@2x
image_4@2x
image_5@2x

수강료 안내

강의 정보, 한 번 더 확인!

기 간 : 2019. 12. 14. ~ 2020. 2. 15. (총 8주)
일 정 : 토요일 14:00 – 18:00 (주 1회, 4시간)
준비물 : 개인 노트북
장 소 : 패스트캠퍼스 강의장


할인 적용가 99만원 정가 110만원

최대 할인 적용시 89.1 만원 (-11/28)

✓ 본 강의는 결제 완료 순으로 마감됩니다.
✓ 개강 전일 18시에 모집이 마감됩니다.
✓ 계산서 발행을 통한 결제를 희망하실 경우, 수강신청을 먼저 진행하신 후 결제 프로세스를 사전에 문의해주시기 바랍니다.
✓ 수강 인원이 10명 미만인 경우, 또는 내부 사정으로 인해 부득이하게 폐강될 수 있습니다. (자세한 안내는 하단 유의사항 참고바랍니다.)

다음 기수는 언제죠?

출시알림을 신청해주세요

최저가로 강의를 수강할 수 있게, 다음 기수 홍보 시작 시 가장 먼저 메일을 보내드립니다.

강의장 안내

학습 지원 프로젝트

공부도 하고! 학습지원금도 받고!

*학습지원금(제세공과금 22% 차감 후 지급)은 강의마다 개인마다 상이할 수 있습니다.

학습 목표. 과제 및 학습노트 제출

매주 배운 내용을 가지고 전체 프로젝트[개발서적 평가 서비스]를 조금씩 개발하여 제출.

학습지원금을 받으려면?

미션을 모두 완료하면 신청페이지를 통해 신청 가능합니다.
다만, 강의 종료 후 30일 이내에 신청페이지를 통해서 신청해주셔야 합니다.
아래의 환급신청 링크로 신분증 사본 / 환급받을 통장사본을 제출 (반드시 본인 명의로만 가능)해 주세요.
결제한 수강료의 10% (환급 금액의 22% 제세공과금으로 차감) 를 드리며, 학습지원금은 개인마다 상이할 수 있습니다.

환불규정

* 학습지원금은 기수강생 및 얼리버드 할인과 중복 적용이 가능합니다. (기타 다른 이벤트와 중복 적용이 불가합니다.)
* 과제물이 허위로 작성되거나 표절일 경우 환급이 거절될 수 있습니다.
* 환불은 환불규정(https://www.fastcampus.co.kr/refund/)에 따라 진행됩니다. 규정에 의거하여 환불금액이 없을 수 있습니다.

[ 유의사항 및 환불규정 ]

* 모든 패스트캠퍼스 오프라인 파트타임 교육은 개강 전일 18시에 모집이 마감됩니다.
* 상황에 따라 사전 공지 없이 모집이 조기 마감되거나 할인이 연장될 수 있습니다.
* 수강 인원 확인을 위하여, 즉시 결제가 어려운 경우에도 반드시 수강신청을 먼저 진행해주시기 바랍니다.
* 수강생의 결석이나 지각 등으로 발생한 손해에 대해서는 별도의 보상을 제공하지 않습니다.

* 다음과 같은 사유 등으로 인해 강의가 폐강될 수 있으며, 폐강 시 학원법에 따라 반환 사유 발생일로부터 5 영업일 이내에 수강료를 환불해드립니다.
– 모집된 수강인원이 10명 이하일 경우
– 강사의 갑작스러운 사고 및 건강 상의 이유
– 천재지변
: 위의 사유로 강의가 폐강될 경우, 학원법 제 18조에 따라 오프라인 강의 취소/환불 정책을 준용하여 환불 처리되며, 모객 부진으로 폐강 시에는 최소 개강일로부터 7일 전에는 폐강 여부를 안내해드립니다.

* 총 수강기간 1개월 이내 기준 취소 및 환불 규정 안내
– 환불금액은 정가가 아닌 실제 결제금액을 기준으로 계산됩니다.
– 수업 시작 전 환불 신청 시 전액 환불됩니다.
– 수강 시작 후 환불 신청 시 하기 수업 시수를 기준으로 학원법 환불규정에 따라 환불 가능합니다.
: 환불요청일시 기준 수업시수 1/3 경과 전 : 수강료 2/3 환불
: 환불요청일시 기준 수업시수 1/2 경과 전 : 수강료 1/2 환불
: 환불요청일시 기준 수업시수 1/2 경과 후 : 환불금액 없음

* 기타 환불 관련 안내
– 환불 의사를 밝힌 다음날부터 계산하여 환불합니다.
– 환불금액은 수업시간을 기준(반올림)으로 산정합니다.
– 환불금액의 10원 미만은 절삭합니다.
– 반환 사유 발생 시 5 영업일 이내 환불됩니다.
: PG사와 카드사의 상황에 따라 환불이 지연될 수 있습니다
– 1개월 산정 기준은 민법 제 160조(역에 의한 계산)을 적용합니다.
: 실제 일수와 상관없이 수업시작일이 3월 7일인 경우, 1개월은 4월 6일까지 입니다.
: 단, 수업 시작일이 1월 31일인 경우, 1개월은 월의 말일인 2월 28일까지 입니다.