【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript

Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법

4.74 (2353 reviews)
Udemy
platform
한국어
language
Programming Languages
category
【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript
15,175
students
69.5 hours
content
Feb 2024
last update
$79.99
regular price

What you will learn

React 를 기초부터 배웁니다. 강의를 완강할 때 쯤이면 고급 React 개발자로 거듭나 있을 것입니다.

NextJS 로 빌드된 풀스택 앱을 포함한 여러 고품질 데모 앱을 구축하기

이 과정의 75만 명 이상의 학생과 제가 가르친 모든 과정의 270만 명 이상의 학생과 함께하세요.

여러 데모 프로젝트 구축 및 실제 사례 살펴보기

로컬 또는 클라우드 개발 환경에서 따라하기

React Hook 과 React 컴포넌트에 대해 모두 알아보기

React 의 컨텍스트 API 및 React Redux 로 복잡한 상태를 효율적으로 관리하기

HTTP를 통해 독립형 React 앱 및 백엔드에 연결된 애플리케이션을 구축하세요.

React 라우터로 라우팅 및 라우팅 관련 데이터 불러오기에 대해 알아보기

React 앱에서 사용자 인증 구현하기

NextJS 로 풀스택 React 앱 구축하기

React 유닛 테스트 시작하기

리액티브 웹 앱의 성능을 향상시키는 법

JavaScript의 장점을 극대화하는 React 개발방법론

React 심화 개념(useCallback, useMemo, useReducer etc)

React hooks, 상태 관리(Redux, Context API), Next js, TypeScript

네트워크, SPA, TDD

프론트엔드 웹 개발 실무를 경험하기 위한 프로젝트 학습

Why take this course?

[React 입문, <React 완벽 가이드>로 시작해야하는 이유]

  • React 최신 패턴과 예제를 바탕으로 한 실습 중심의 강의!

  • 가장 기본적이고 핵심적인 부분부터 심화 개념, 그리고 실무에서 React와 함께 사용되는 모든 기술을 한번에!

  • 리액트 사전 지식이 없어도 쉽게 이해할 수 있도록 구성된 단계적 커리큘럼과 친절한 설명

  • 이 강의는 750,000명 이상의 수강생을 ReactJS 개발자로 만들었습니다. Udemy의 다른 어떤 React 강좌보다 더 많은 수강생을 배출했습니다!

-

2023년 10월 대규모 강의 업데이트:

강의 전반부 전면 업데이트(강의 재녹화, 나머지 절반은 23년 2월에 이미 업데이트됨)!

설명방식 및 데모 프로젝트가 개선되었습니다. 이제 더 많은 핵심 개념과 모범 사례를 다룹니다.

2023년 8월 업데이트:

React Query (Tanstack Query) 에 대한 새로운 섹션이 추가되었습니다.

Framer Motion과 React 앱 애니메이션에 대한 새로운 섹션이 추가되었습니다.

2023년 6월 업데이트:

두 개의 새로운 연습 프로젝트 추가

더 많은 코딩 연습 추가

새로운 JS 복습 섹션 추가

수많은 사소한 개선 및 수정 사항

이 강좌는 여러분이 알아야 할 모든 핵심적인 최신 기능을 갖춘 최신 버전의 React로 완전히 업데이트되었으며 실용적인 방식으로 React를 가르칩니다!

2023년 2월 업데이트:

후반부 강의의 대부분을 완전히 다시 녹화했습니다. (라우팅, 인증 포함)


바쁜 고객과 비즈니스 전문가를 위한 코스!

이 과정은 두 가지 방식으로 수강할 수 있습니다: 1) "컴플릿" 방식(40시간 이상의 전체 과정을 처음부터 끝까지 모두 듣기)와 1) "패스트트랙" 방식(~4시간 요약 모듈만 취사 수강하기) - 여러분의 시간 여유에 맞는 가장 적합한 방식으로 선택하여 학습할 수 있습니다!


React.js 는 웹을 위한 최신 반응형 사용자 인터페이스를 구축하기 위해 요즘 가장 많이 사용하고 배우는 인기 1위의 JavaScript 라이브러리입니다.
이 강좌는 모든 핵심 기본 사항을 살펴보고, 수많은 예제를 살펴보고, 고급 개념도 소개하는 등 React 를 기초부터 단계별로 심도 있게 가르칩니다.
모든 이론, 수많은 예제와 데모, 과제와 연습, 그리고 대부분의 다른 강의들에서는 다루지 않는 중요한 지식을 얻을 수 있습니다 - (이 강의의 분량이 방대한 이유입니다!)
React를 왜 배워야 하는지 모르겠고 광고나 "알고리즘" 때문에 이 강좌를 시작하게 되었다고 해도 걱정하지 마세요: ReactJS는 웹 개발자로서 핵심 기술이며 이 강좌에서는 React 가 왜 그렇게 중요한지에 대해서도 설명할 것입니다!


[<React 완벽 가이드>에 오신 것을 환영합니다!]

이 과정은 필요한 모든 최신 패턴과 모범 사례를 사용하여 실습 중심의 방식으로 React.js 를 가르칩니다. 모든 핵심 기본 사항과 고급 개념 및 관련 주제를 학습하여 진정한 React.js 개발자로 거듭날 수 있습니다.
이 강좌는 React.js 개발자가 되기 위해 알아야 하고 배워야 하는 모든 것을 다루기 때문에 정말 방대한 강좌입니다!
여러분이 React 에 대해 전혀 모르거나 이미 기본적인 React 지식을 가지고 있더라도(필수 사항은 아니지만 문제도 아닙니다) 이 강의를 수강함으로써 유용한 정보와 지식을 많이 얻을 수 있습니다!
이 강좌의 목표는 여러분이 React 를 자신 있게 다룰 수 있도록 하여, React 개발자 포지션에 지원하거나 자신의 프로젝트에 사용하거나 단순히 개발자로서 포트폴리오를 향상시키는 등 여러분의 목표가 무엇이든 간에 자신감을 가질 수 있도록 하는 것입니다: 이 강좌를 통해 여러분의 목표를 달성할 수 있도록 해드리겠습니다!


저는 이 강의를 처음 런칭한 이후로 꾸준히 업데이트하여 항상 여러분 최상의 최신 방식으로 React를 학습할 수 있도록 하고 있습니다!


[<React 완벽 가이드>에서 다루는 내용]


  • React.js 에 대한 상세한 소개 (React 란 무엇이며 왜 사용해야 할까요?)

  • 모든 핵심 기본 사항: React 의 작동 방식, React 로 컴포넌트 빌드하기 및 React 로 UI 구축하기

  • 컴포넌트, props 및 동적 데이터 바인딩

  • 사용자 이벤트와 상태를 이용해 대화형 애플리케이션 만들기

  • React 가 내부에서 어떻게 작동하는지 이해하기 위한 (철저한) 비하인드 스토리 살펴보기

  • 리스트와 조건부 콘텐츠로 작업하는 방법에 대한 자세한 설명

  • React Hook 심층분석!

  • 내장된 Hook 으로 작업하고 사용자 정의 Hook 을 구축하기

  • React 앱을 디버깅하는 방법

  • "스타일 컴포넌트"와 "CSS 모듈"로 React 앱 스타일링하기

  • "Fragments" 및 "Portals"로 작업하기

  • 부작용 다루기

  • 클래스 기반 컴포넌트와 함수형 컴포넌트

  • Http 요청 전송 및 트랜지션 상태 및 응답 처리하기

  • 양식 및 사용자 입력 처리하기 (유효성 검사 포함)

  • Redux & Redux 툴킷

  • React 라우터로 라우팅하기

  • Next.js 에 대한 심층 소개

  • React 앱 배포하기

  • 인증 구현하기

  • 유닛 테스트

  • React 와 TypeScript 결합하기

  • 애니메이션 추가하기

  • 배운 모든 것을 실제 프로젝트에 적용할 수 있는 수많은 예제와 데모 프로젝트

  • 이외에도, React를 더 깊고 확실하게 이해하는 데 도움이 되는 더 많은 내용들이 있습니다. 이 페이지에서 전체 커리큘럼을 확인하세요!


이것은 정말 React 에 관한 모든 것을 담은 "완벽 가이드" 인 점을 약속드립니다!
가장 큰 장점은, React 에 대한 사전 지식이 없어도 수강할 수 있다는 점이죠!
이 강좌는 아무런 지식이 없는 상태에서 시작합니다! 기본적인 웹 개발과 자바스크립트 지식만 있으면 됩니다!
(물론 이 과정에는 모두 같은 내용을 이해할 수 있도록 간단한 자바스크립트 복습도 포함되어 있습니다.)
전체 커리큘럼과 무료 미리 보기 동영상을 확인하고 30일 환불 보장 정책으로 위험 부담 없이 이 멋진 강의에 참여하세요!



[전 세계 270만 수강강사, Max가 전하는 한마디]


한국 수강생 여러분 안녕하세요?

저는 전 세계 270만 수강강사이자 Udemy의 TOP 강사인 Max입니다. 이 코스는 그 어떤 강의보다 이해하기 쉬운 베스트셀러 React 강의로, 최신 React 내용으로만 코스를 구성하였습니다.

이 강의는 React를 가장 최신의 패턴과 예제를 통해 실습 중심으로 알려드립니다. 여러분이 React 개발자로 성장할 수 있도록 가장 기본적이고 핵심적인 부분부터 심화 개념, 그리고 React와 관련된 모든 주제를 배울 수 있습니다. 강의의 방대한 분량은 리액트 개발자가 되기 위한 모든 것을 담고 있습니다.

이 강의는 리액트에 대한 사전 지식이 전혀 필요하지 않습니다. 기초적인 웹 개발 지식과 자바스크립트 기초 문법 지식만 있으면 누구나 들을 수 있습니다! (혹시 이전에 공부한 자바스크립트 내용이 기억이 나지 않는다면 걱정하지 마세요. 이 강의는 자바스크립트 기초 문법에 대한 강의도 포함하고 있습니다!)


강의를 들으시고 강의와 관련하여 궁금하신 점은 무엇이든 Q&A에 남기실 수 있지만, 꼭 영어로 남겨주세요. 그래야 답변을 드릴 수 있습니다. :)


한국 수강생분들과 함께 할 React 여정이 기대됩니다!

바로 시작하시죠!

강의에서 만나요!


- Max

Screenshots

【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript - Screenshot_01【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript - Screenshot_02【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript - Screenshot_03【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript - Screenshot_04

Reviews

잠보돌이
August 29, 2023
선생님의 강의는 문제가 없습니다 내용도 알차고 실습도 해볼 수 있도록 중간에 문제도 있어서 리액트에 대해 익히기 좋습니다 다만, 후반으로 갈수록 자막의 질이 매우 떨어져서 선생님이 어떤 말을 하시는 건지 이해할 수 없도록 만듭니다 오히려 영어로 들으면서 이해하는 게 더 빠를 정도입니다 자막 개선 해준 걸로 아는데 더 하셔야 할 것 같습니다
Bora
August 12, 2023
<총평> 꼭 구매해서 두고두고 보는 것을 추천합니다. 정말 리액트 완벽가이드일 뿐만 아니라 리덕스, 타입스크립트, 넥스트까지 설명해줘서 미친 가성비입니다. 일반적인 할인가로 17,000원에 구매가능한데 만원대에 이런 가성비라서 놀랍네요.. <추천대상> 리액트 기초는 닦으신 분이 들으면 좋습니다. 제가 사실 비전공 독학으로 자바스크립트만 공부하고 리액트 아무것도 모를 때 이 강의를 들었는데 이해를 못해서 듣다가 말았습니다. 프로그래밍에 대해 어느정도 이해도가 있으시면 금방 적응하겠지만, 혹시 저처럼 프로그래밍 경험이 없고 자바스크립트 문법만 떼신 분이라면 추천하진 않습니다. 그래서 제가 바꾼 공부방법은 먼저 이 강의를 수강하기 전에 유튜브 혹은 타 강의사이트에서 '한국어'로 설명해주는 강의로 리액트 기초 공부하고 작은 단위의 간단한 프로젝트를 먼저 만들어보는 것입니다. 저는 인프*에서 리액트 강의 듣고 작은 프로젝트 여러개 실습해보고, 부족한 지식은 유튜브랑 구글링으로 채웠습니다. 타 강의 들었을 땐 리액트 프로젝트는 만들었지만 깊이가 부족했는데, 유데미 이 강의 듣고 나서는 확실히 딥하고 전문적으로 들어가서 너무 좋았습니다. 그동안 헷갈렸거나 몰랐던 부분들이 채워지는 기분이었습니다. 실습뿐만 아니라 동작원리, 가상돔 등등 자세하게 알려주십니다. 이런 부분들 때문에 리액트 입문자가 들으면 금방 이해 안가서 포기할 것 같단 생각이 들었습니다. 그리고 영어강의를 자막 달아놓은거라 번역체라서 입문자에겐 더 힘든 부분이 있습니다. 그렇지만 리액트 기본만 닦고 이 강의 오시면 강좌 자체는 너무 훌륭해서 배울 것들이 너무너무 많습니다!!! 지금 리액트 실습 끝내고 리덕스 실습부분 따라하고 있는데 퀄리티가 너무 좋네요. 리덕스 뒤에는 배포랑 넥스트, 타입스크립트까지 찍먹할 수 있는 파트가 있어서 기대됩니다.
채은비
July 26, 2023
It is helpful to know React. I'm interesting to learn this course. After finish this course i will make my blog page~
Hattie
July 15, 2023
이론 설명을 자세하게 해주시고 이해를 돕는 건 좋지만.. 실습 전에 이론 설명이 너무 지나치게 체계적이고 자세하고 길어서 실습하기도 전에 해당 주제에 대한 흥미가 떨어지는 감이 있습니다. 따라서 배우는 진도 속도가 너무 딜레이 됩니다. 모든 섹션 그리고 이 강사님의 다른 강의 또한 그런 스타일이시네요..
정용성
July 1, 2023
리액트뿐만 아니라 자바스크립트를 처음 입문하는 분들에게 추천드리는 강의 입니다. 강의 시간을 보시면 아시겠지만 굉장히 세세한 내용까지 파고들어 속성으로 빠르게 배우려는 분께는 좀 추천드리기 어렵네요. 만점 안 드린 이유는 자막오역이 많습니다. 기존 한글자막을 보고 이해되지 않는 부분이 생길때는 직접 영문자막을 보고 번역해 이해하는 경우가 많았습니다.
예준
June 27, 2023
강의 자체는 정말 좋은 강의라고 생각합니다만, 가끔 강의 자막의 싱크가 안맞는 경우가 있는거 같습니다. 보아하니 대본이라는 기능도 있는 모양인데 영어능력이 부족하긴 하나, 한국자막과 영어자막을 대조해가며 볼수 있으면 어떤가 싶네요. 자막을 보느라 정신이 없을 가능성도 있습니다만, 자막오류에 대한 해결이 어느정도는 되지 않을까 싶습니다. 내용적인건 어차피 저도 포함해 여러 수강자들은 여러번 보실거기에 확실한 내용을 읽고싶네요.
Minsu
June 22, 2023
- 전반적으로 만족스러운 강의이다. Udemy에서 자주 프로모션을 하기 때문에 이 정도 가격에 이 정도 디테일, 퀄리티의 강의를 찾기는 쉽지 않을것이다. 다만 몇 가지 아쉬운 점은 있다. - 입문자를 위해 주기적으로 상기시키기 위해 그런건지 다소 장황하게 설명하는 감이 있다. 로직을 설명하는 와중에 그런 멘트들이 나와서 오히려 맥락이 끊길 때가 있다. - useReducer, forward Refs 등은 개념을 소개하는 부분에서 설명이 다소 부족하다. 부족하다기보다는 쉽게 와닿지 않는 느낌이 있다. action, dispatch 등의 역할이 무엇인지 모호한 상태에서 실습파트에 들어가서 벨로그 등 외부 기술블로그를 참고하여 추가적으로 공부할 필요가 있었다. - 자막 스크립트의 단위가 너무 짧아 자막 간 전환이 지나치게 빠르다. 때문에 자막을 놓치지 않기 위해 과도하게 몰입해야 한다. 자막을 두 줄 정도로 늘려줬으면 좋겠다.
성주현
March 7, 2023
This lecture is much easier to understand because it clearly specifies the purpose of the content you want to learn.
성현
March 4, 2023
전반적으로 사족이 많고 장황하며 어렵게 설명하는 경향이 있다. 거기에 처참한 자막 상태가 하모니를 이루어 공식문서를 보면 별 것 아닌 내용도 어떤 강의에선 3~4번 곱씹게 만드는 비문학지문 수준의 내용 전달을 경험해 볼 수 있다. 용어에 대한 설명이 없거나(스냅샷, reducer에서 액션, 디스패처 등) 굳이 다른 일반적인 용어를 사용해 설명하는 경우도 종종 있는데(제어 컴포넌트에서 양방향 바인딩, re-rendering을 re-evaluation 등) 처음 배우는 입장이라면 헷갈릴 수 있다. 그래도 내용이 꽤 많고 목차도 디테일해서 빼먹을 것이 꽤 있는 강의라고 생각한다. 결론은 유튜브나 다른 플랫폼에서 기본 개념 강의를 듣고오는 것을 강력히 추천.
박성용
February 14, 2023
리액트라는 개념을 보다 구체적이고 자세하게 설명해주는 것이 리액트를 처음 배우는 입장에서 매우 도움이 된다고 생각합니다. 그리고 강의 속도나 목소리와 같은 것들이 수업을 듣는데 지겨움을 덜어주어 매우 재밌게 들을 수 있습니다.
김은빈
February 2, 2023
꼼꼼하고 자세하게 설명해서 어려운 개념도 이해하기 쉽습니다. 리액트를 자주 사용하는 개발자에게는 한번씩 보라고 추천하고 싶습니다. 근데 자막은 영 별로예요... 중간중간 오타도 있고, 오히려 번역때문에 더 헷갈리게 느껴지는 경우도 있습니다.
조단희
December 21, 2022
원래 프론트엔드에 잘 몰랐던 백엔드 개발자였지만, 프론트엔드분과 프로젝트를 진행하면서 프론트엔드에 관심을 갖게 되었고, 프로젝트 기술 스택을 Next.js로 채택하게 되었습니다. 이 과정으로 인해 React 기초를 익히기 위해 이 강의를 듣게 되었습니다. 이 강의는 이런 점에서 좋은 것 같습니다. 1. 여러가지 예시와 프로젝트를 함께 만들어갈 수 있다. 가끔 설명만 하고 구체적인 예시를 안 보여주시는 강사님들이 있는데, 이 분은 그렇지 않아서 좋았습니다. 2. 한 챕터가 끝날 때마다 챕터가 요약된 도큐먼트를 제공해준다. 이건 확실히 복습 차원에서도 좋고, 강의를 다시 듣기 부담스러운 사람들에게 복기시키기 위한 좋은 수단인 것 같습니다. 3. javascript 몰라도 들을만하다. 저는 다른 언어들에 익숙해서 그런지 javascript를 배우지 않아도 듣기가 꽤 쉬웠습니다. 물론 개발 언어를 아예 접하지 못 하신 분들은 이 강의랑 자바스크립트 기초 강의를 함께 들으시는 게 좋을 것 같습니다.
전예린
December 7, 2022
react, redux, ts, nextjs의 개념을 잘 쌓을 수 있는 강의. 커리큘럼도 좋음. 다만 자막이 싱크가 안맞거나 의미를 제대로 전달하지 못하는 경우가 종종 있음. 학습에 방해되니 이 점만 고치면 완벽할 것 같음.
최정환
August 2, 2022
리액트에 대한 양이 방대하여 세부적인 개념을 한번에 모두 외우고 실 프로젝트에 참여했을 때 즉각적으로 응용하여 사용하기엔 어려울것 같습니다. 따라서 따로 정리해가면서 수강하시는 것을 추천드립니다. 강의 자체는 충분히 잘 짜여진 리액트 강의입니다! 추천해요!
김윤성
April 4, 2022
리액트 코어 이외에도 관련된 내용을 방대하게 다룹니다. 각 모듈별로 어느정도 독립성을 유지하려고 있고, 다른 모듈에서 배워야할 내용이 있으면 꼭 언급해주는 부분이 참 좋았습니다. 전반적으로 강사님이 내용을 어떻게 전달해야하는지에 대해서 많은 고심을 하신 것 같았어요. 맥스강사님의 다른 강의에 대해서도 신뢰감이 생깁니다.

Charts

Price

【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript - Price chart

Rating

【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript - Ratings chart

Enrollment distribution

【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript - Distribution chart

Related Topics

4298905
udemy ID
9/14/2021
course created date
10/28/2021
course indexed date
Bot
course submited by