강의

멘토링

로드맵

BEST
개발 · 프로그래밍

/

프론트엔드

실전 리액트 프로그래밍

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

(4.5) 수강평 100개

수강생 1,706명

  • 이재승

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 리액트 기본 원리 및 사용법

  • 실전에서 사용 가능한 리액트 활용법

  • 리덕스 기초 및 고급 활용법

저자 직강! 최신 리액트(React) 학습, 
기초부터 실전 활용까지 알차게 배워보세요.

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

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

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

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

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

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

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

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

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

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

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

▲ 담당자 찾기 서비스

온라인 실습 코드 제공 ⚡

강의에서 사용된 거의 모든 코드를 온라인 IDE(CodeSandbox)에서 확인하실 수 있습니다!
각 강의 화면에서 하단 링크를 참고하세요.
온라인에서 코드를 직접 수정하면서 결과를 확인할 수 있으므로 학습에 큰 도움이 될 것으로 기대하고 있습니다.
>> 샘플 링크 <<

예상 질문 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

안녕하세요
입니다.

2,001

수강생

150

수강평

307

답변

4.7

강의 평점

2

강의

- [실전 리액트 프로그래밍] 저자

- react contributor (PR 링크)

- if kakao 2019 컨퍼런스에서 [리액트: 그것마저 결정해주마] 발표

- 카카오페이지 글로벌웹 개발 중

커리큘럼

전체

53개 ∙ (9시간 56분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

100개

4.5

100개의 수강평

  • ffffgggggffff1145님의 프로필 이미지
    ffffgggggffff1145

    수강평 1

    평균 평점 5.0

    5

    30% 수강 후 작성

    This course cured my incontinence. I am happy that I no longer have to wear diapers while coding.

    • ds2lvg0300님의 프로필 이미지
      ds2lvg0300

      수강평 6

      평균 평점 4.3

      5

      100% 수강 후 작성

      It's awesome. The best lecture for practitioners who are curious about the principles to use React well!!

      • ghc95071006님의 프로필 이미지
        ghc95071006

        수강평 1

        평균 평점 5.0

        5

        40% 수강 후 작성

        Ah, I've taken countless lectures so far, but there's never been an instructor who explained things I've been curious about in such a refreshing way... This is a really good lecture... The lecture isn't long, but I'm watching it for about 30 minutes from the beginning to understand the basics and fundamental concepts... kekekeke ㅎㅎ I haven't watched it all yet, but the quality is amazing!

        • inseong7lee님의 프로필 이미지
          inseong7lee

          수강평 8

          평균 평점 4.5

          3

          79% 수강 후 작성

          I am a non-major who has taken several other beginner courses. Projects 1 and 2 are difficult to finish by coding them directly in 1~2 hours, so I get confused every time I copy and paste, saying, 'I will paste it like this.' I feel regretful that the project was a little simpler. It is a very difficult course for a non-major beginner to follow. In addition, the explanation of hooks was explained from a different perspective than other courses, which helped me understand it a lot.

          • viveloper님의 프로필 이미지
            viveloper

            수강평 13

            평균 평점 4.7

            5

            75% 수강 후 작성

            I think this is a very effective lecture for those who think they are somewhat familiar with using React. I realized that just because you use it habitually doesn't mean you know it well. It was very helpful!

            비공개 강의로
            수강이 제한됩니다.
            비공개 강의

            이재승님의 다른 강의

            지식공유자님의 다른 강의를 만나보세요!

            비슷한 강의

            같은 분야의 다른 강의를 만나보세요!