실전 리액트 프로그래밍
실전 리액트 프로그래밍
수강정보
(18개의 수강평)
414명의 수강생
49,500원
지식공유자 : 이재승
53회 수업 · 총 9시간 56분 수업
기간 : 평생 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

[실전 리액트 프로그래밍] 책의 저자 직강! 리액트의 기초부터 실전 활용법까지 익힐 수 있습니다.

이런 걸 배워요

  • 리액트 기본 원리 및 사용법
  • 실전에서 사용 가능한 리액트 활용법
  • 리덕스 기초 및 고급 활용법

저자 직강! 리액트, 기초부터 실전 활용까지 탄탄하게 배워보세요.

[실전 리액트 프로그래밍] 개정판을
기반으로 만든 강의! 📖

2020년 7월에 출판된 리액트 책을 기반으로 강의를 진행합니다.
빠르게 발전하는 웹 기술의 최신 트렌드를 익히려면 강의 자료의 최신화가 가장 중요합니다.
리액트 훅을 중점적으로 다루는 [실전 리액트 프로그래밍] 개정판으로 리액트를 배우세요!

▲ <실전 리액트 프로그래밍> 개정판이 궁금하다면 책 이미지를 클릭해주세요.

이 강의에서 배우는 것들 ✏️

이 강의에서 다루는 책의 내용은 아래와 같습니다.

  • 1장: 리액트 프로젝트 시작하기
  • 3장: 중요하지만 헷갈리는 리액트 개념 이해하기
  • 4장: 리액트 실전 활용법
  • 6장: 리덕스로 상태 관리하기
  • 그리고 책에는 없는 2개의 프로젝트!

프로젝트1: 2048 게임 만들기 🕹️

순수하게 리액트만 사용해서 2048 게임을 만들어 봅니다.
리액트의 핵심 기능인 useState, useEffect의 사용법을 익힐 수 있습니다.

▲ 순수 리액트로 제작한 2048 게임

프로젝트2: 담당자 찾기 서비스 만들기 🔍

집단지성을 이용한 담당자 찾기 서비스를 만들어봅니다.
모두가 쉽게 정보를 수정할 수 있도록 편리한 수정 기능을 제공합니다.
이 서비스를 만들어보면서 프론트엔드에서의 인증처리 방식과,
redux, redux-saga를 이용한 API 통신 코드 작성 방법을 배웁니다.

▲ 담당자 찾기 서비스

예상 질문 Q&A 🙋🏻‍♂️ 

Q. 비전공자도 들을 수 있나요?
A. 만약 프로그래밍 경험이 없다면 자바스크립트를 먼저 익히고 들으셔야 합니다.
꼭 자바스크립트가 아니더라도 하나 이상의 프로그래밍 언어에 대한 이해가 있다면 이 강의를 이해할 수 있습니다.

Q. 이 강의만의 특별한 장점이 있을까요?
A. 책을 기반으로 하는 강의인 만큼 짜임새 있는 커리큘럼을 제공합니다.
게다가 책에는 없는 실습 프로젝트 2개를 포함합니다.

Q. 이 강의에서는 어떤 프로그램을 사용하나요?
A. 이 강의에서 사용하는 주요 패키지는 다음과 같습니다.
react, create-react-app, react-router-dom, redux, redux-saga, antd, axios
그리고 IDE는 vscode를 추천합니다.

Q. 책에서는 타입스크립트, Next.js도 다루던데요?
A. 책에 있는 내용을 하나의 강의로 담기에는 내용이 너무 많아서 나눠서 강의를 제작할 생각입니다.
그래서 타입스크립트, Next.js를 각각 별도의 강의로 제작해볼까 생각 중입니다.

Q. 자막을 지원하나요?
A. 프로젝트2를 제외한 모든 영상에서 자막을 지원합니다.

Q. 책을 구매해야하나요?
A. 아니요 책이 없어도 이해하실 수 있도록 구성했습니다.
Typescript, Next.js, 웹팩/바벨 등을 추가로 공부하실 분들만 구매하시면 됩니다.

다른 강의 보기 📚

실전 리액트 프로그래밍  현재 강의 
저자 직강, 웹 기술의 최신 트렌드 React
실전 자바스크립트
자바스크립트, 최신 문법으로 핵심 개념 익히기
타입스크립트 시작하기
타입스크립트, 기초부터 고급 기능까지

도움 되는 분들

  • 리액트를 배우고 싶은 현업 개발자
  • 리액트를 사용해봤지만 아직 헷갈리는 분들

선수 지식

  • HTML
  • CSS
  • JAVASCRIPT

공개 일자

2020년 7월 29일 (마지막 업데이트 일자 : 2020년 7월 29일)
4.7
18개의 수강평
image
정용주 2달 전
이 강의를 듣고 요실금이 치료되었습니다. 더 이상 코딩할때 기저귀를 차지 않아도 되어 행복합니다.
default_profile.png
noAD 2달 전
쩐다. 리액트를 잘쓰기 위해서 원리가 궁금했던 실무자들을 위한 최고의 강의!!

교육과정

모두 펼치기 53 강의 9시간 56분
섹션 0. 강의 소개
1 강의 02 : 35
섹션 1. 리액트 프로젝트 시작하기
8 강의 94 : 46
리액트란 무엇인가
03 : 48
리액트 개발 환경 직접 구축하기
09 : 44
바벨 사용해 보기
10 : 27
웹팩 사용해 보기
11 : 08
create-react-app으로 시작하기
13 : 54
create-react-app으로 시작하기2
16 : 15
CSS 작성 방법 결정하기
13 : 19
단일 페이지 애플리케이션(SPA) 만들기
16 : 11
섹션 2. 중요하지만 헷갈리는 리액트 개념 이해하기
9 강의 90 : 08
리액트를 사용한 코드의 특징
22 : 45
컴포넌트의 속성값과 상탯값
09 : 58
컴포넌트 함수의 반환값
06 : 36
리액트 요소와 가상돔1
09 : 06
리액트 요소와 가상돔2
06 : 51
리액트 훅 기초 익히기1
10 : 23
리액트 훅 기초 익히기2
10 : 03
훅 직접 만들기
09 : 08
훅 사용 시 지켜야 할 규칙
05 : 18
섹션 3. 프로젝트1: 2048 게임 만들기
1 강의 46 : 26
2048 게임 만들기
46 : 26
섹션 4. 중요하지만 헷갈리는 리액트 개념 이해하기2
3 강의 55 : 16
콘텍스트 API로 데이터 전달하기
13 : 26
ref 속성값으로 자식 요소에 접근하기
18 : 31
리액트 내장 훅 살펴보기
23 : 19
섹션 5. 리액트 실전 활용법
9 강의 74 : 19
추천하는 컴포넌트 파일 작성법
06 : 01
속성값 타입 정의하기: prop-types
08 : 27
가독성을 높이는 조건부 렌더링 방법
09 : 50
재사용성을 고려한 컴포넌트 구분법
13 : 09
useEffect 실전 활용법1
08 : 36
useEffect 실전 활용법2
04 : 59
렌더링 속도를 올리기 위한 성능 최적화 방법1
09 : 09
렌더링 속도를 올리기 위한 성능 최적화 방법2
06 : 23
렌더링 속도를 올리기 위한 성능 최적화 방법3
07 : 45
섹션 6. 리덕스로 상태 관리하기
10 강의 97 : 28
리덕스 소개
07 : 02
액션, 미들웨어
13 : 05
리듀서, 스토어
10 : 06
react-redux 없이 직접 구현하기
09 : 41
react-redux 사용하기
06 : 16
reselect로 선택자 함수 만들기
15 : 06
몇 가지 리덕스 사용 팁
05 : 36
redux-saga를 이용한 비동기 액션 처리1
13 : 07
제너레이터 이해하기
08 : 21
redux-saga를 이용한 비동기 액션 처리2
09 : 08
섹션 7. 프로젝트2: 집단지성을 이용한 담당자찾기 서비스
12 강의 135 : 02
프로젝트 소개
07 : 21
프로젝트 설정하기
12 : 17
서버 API 호출하기
16 : 29
사용자 페이지 구현하기
13 : 52
makeFetchSaga로 API 통신 상탯값 관리하기
15 : 21
SPA 초기 로딩 처리하기
04 : 14
사용자 정보 수정하기
10 : 03
태그 정보 수정하기
12 : 13
수정 내역 구현하기
12 : 24
인증 화면 만들기
07 : 13
인증 API 호출하기
15 : 59
프로젝트 마무리하기
07 : 36

수강 문의

  • gyuyoung park 프로필 gyuyoung park
    2020-09-10 62536

    7월에 개정판 나오고 호다닥 샀는데, 강의가 있을 줄 몰랐네요!! 여유가 생기면, 이 강의로 복습을 해야겠습니다 ㅋㅋㅋ 의도한건 아니지만 이번 신입 공채 카카오 페이지를 썼는데 붙어서 만났으면 좋겠네요!

    이재승
    이재승
    이재승
    2020-09-10 70320

    책 구매 감사합니다 이번에 지원하셨군요~ 좋은 결과 있으시길 바랄게요!

  • anjwoc 프로필 anjwoc
    2020-09-04 60050

    아 .. 얼마전에 책을 샀는데 강의가 있는줄 알았으면 강의로 살걸 그랬네요 ㅠㅠ.. 당장 또 사기엔 금액적인 부담이 오니 일단 책을 읽어보고 부족하면 강의로 오겠습니다!!

    이재승
    이재승
    이재승
    2020-09-04 69412

    책 구매해주셔서 감사합니다. 책은 자바스크립트, 타입스크립트, 바벨, 웹팩, Next.js 까지 다루니 열심히 공부하시면 리액트 생태계를 폭 넓게 이해하실 수 있을거에요 화이팅입니다!

  • 소라연 프로필 소라연
    2020-08-27 56905

    책 잘보고 있습니다. 원리를 깊이 있게 알려주니 내용 너무 좋네요~

    이재승
    이재승
    이재승
    2020-08-27 68233

    감사합니다^^ 책 내용을 기반으로 Next.js 강의까지 만들어볼 생각입니다!

다른 수강문의 보기
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스