BEST

개발 · 프로그래밍

프론트엔드

누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌

Name: 누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
Price: 16500 KRW

프론트엔드 프레임워크, 리액트(React)를 누구든지 쉽고 재밌게 시작할 수 있도록 만들어진 강의입니다.

(4.7) 수강평 375개

수강생 5,649명

velopert(김 민준)

3시간 만에 완강할 수 있는 강의 ⏰JavaScript React

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

이런 걸 배울 수 있어요

리액트(React) 기초 및 핵심 개념

누구나 쉽게 배우는 리액트 React!
리액트의 기초를 튼튼하게 다져보세요.

핵심을 잡아주는
리액트 React 튜토리얼

초심자를 위한 리액트(React) 핵심 강의

리액트를 배우고 싶은데, 아직 뭐가 뭔지 잘 모르겠나요?
강의를 통해 리액트가 무엇인지, 왜 사용하는지,
그리고 어떻게 사용하는지를 알아봅시다!

이 강의의 생생한 수강평! ✨

리액트 기초부터
간단한 앱 구현까지

_{간단한 전화번호부 앱을 직접 만들어 봅니다.}

이 강의에서는 리액트의 기초에 해당하는 내용을 대부분 다뤄보고, 최종적으로는 전화번호부 앱을 만들게 되면서 리액트의 본질적인 작동방식을 이해하고, 리액트의 기초를 완성하게 됩니다.

리액트를 막 배우기 시작하는 분들께 적극 추천드립니다.

💻 버전을 확인해주세요!

이 강의에서 사용되는 리액트 버전은 16.3 이상 버전입니다.

✅ ES6 문법을 일부 사용합니다.

강의에서 ES6 문법이 일부 사용되지만, 강의를 진행하면서 대부분 설명을 하거나 참고 링크를 추가해놓았습니다. ES6가 익숙하지 않은 분들도 쉽게 공부할 수 있도록 강의를 구성했습니다.

이런 분들께 추천드려요 👌

_{리액트를
배우고 싶었던 분}

_{웹 개발을 즐겁게
하고 싶으신 분}

_{리액트의 기본을
짚어보고 싶으신 분}

_{HTML, JS를 익힌
프론트엔드 개발자}

지식공유자를 소개합니다.

김민준(velopert)

_{개발자들을 위한 블로그 플랫폼, velog 개발자}

_{[길벗] 리액트 실무 기술서
<리액트를 다루는 기술> 저자}

_{유튜브 매일밤 라이브코딩
& velopert 블로그 운영}

애니 스트리밍 서비스 라프텔의 프론트엔드 엔지니어이며, 리액트를 정말로 좋아하는 팬입니다. 언제나 최신동향을 따라가려 노력하며, 배운것은 나눠야 한다는 주의를 가지고 있습니다. 그리고, 사용자를 행복하게 해주는 서비스를 만드는 것을 즐깁니다.

연관 강의

React & Express 를 이용한
웹 어플리케이션 개발하기
리액트로 배우는
전반적인 웹 프론트 기술무료 강의

이런 분들께
추천드려요

학습 대상은
누구일까요?

리액트를 배우고 싶은 분
프론트엔드 개발자
리액트의 기본을 짚어보고 싶은 분
웹 개발을 즐겁게 하고 싶은 분

선수 지식,
필요할까요?

HTML
JavaScript

안녕하세요
입니다.

24,102

명

수강생

520

개

수강평

개

답변

4.8

점

강의 평점

개

강의

커리큘럼

전체

22개 ∙ (2시간 53분)

섹션 1. 리액트는 무엇인가

4개 ∙ (20분)

섹션 2. 리액트 프로젝트 시작하기

1개 ∙ (7분)

5. 본격적인 리액트 코드 작성하기
07:00

섹션 3. JSX

2개 ∙ (17분)

섹션 4. props 와 state

2개 ∙ (20분)

섹션 5. LifeCycle API

2개 ∙ (30분)

섹션 6. 리액트 작업환경 직접 설정하기

2개 ∙ (14분)

섹션 7. 인풋 상태 관리

1개 ∙ (8분)

섹션 8. 배열 데이터 렌더링 및 관리

4개 ∙ (37분)

섹션 9. 최적화, 활용, Ref

3개 ∙ (16분)

섹션 10. 마무리

1개 ∙ (3분)

강의 게시일:

마지막 업데이트일:

수강평

전체

375개

4.7

375개의 수강평

ivedot
수강평 10
∙
평균 평점 5.0
5
100% 수강 후 작성
설명이 친절해요 근데 미리 알려주시는 블로그라던가 학습자료 링크를 알고 있다면 굳이 결제하지 않을거 같습니다. 내용이 똑같아요
jaeyoon4819
수강평 6
∙
평균 평점 4.8
4
100% 수강 후 작성
초심자를 위한 강의답게 기초에 충실하지만, 강의 내용이 2018~2019라 현재 강의를 들으면 조금씩 버벅일 수 있는 점이 있습니다.
welinhong
수강평 4
∙
평균 평점 5.0
5
100% 수강 후 작성
짧은 시간안에 리액트의 기본개념을 잘 정리할 수 있었습니다. 그리고 강사님께서 개념들을 재미있게 설명해주셔서 공부하는 내내 재밌게 강의를 들을 수 있었습니다. 리액트 입문하시는 분들께 추천합니다! :)
swon lee
수강평 3
∙
평균 평점 5.0
5
100% 수강 후 작성
강의도 기본에 충실했고, 무엇보다 예제 코드, 블로그 등의 강의 자료가 너무 좋았습니다.
홍성민
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
리액트 학습을 시작할 때 공식 레퍼런스를 직접 보고 따라하기가 부담스러웠는데요. 여기서 기본기를 배우고 래퍼런스를 참고하니 학습속도가 아주 빠른 것 같습니다. 정말 잘 봤습니다 감사합니다!

₩16,500

velopert(김 민준)님의 다른 강의

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

React & Express 를 이용한 웹 어플리케이션 개발하기

velopert(김 민준)

Velopert 님이 알려주는 ReactJS 강좌 입니다. 최근 각광받는 Javascript 라이브러리인 React 를 소개하고, 사용법을 알려주는 강좌 입니다.

초급

React

React & Express 를 이용한 웹 어플리케이션 개발하기

velopert(김 민준)

비슷한 강의

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

리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트

webstoryboy

강의를 통해 React 프레임워크와 YouTube API를 이용하여 자신만의 리액트 유튜브 영상 사이트를 만들어봅니다. React의 기본 개념을 이해하고, 컴포넌트를 구조화하고 상태를 관리하는 방법을 학습하게 될 것입니다. 또한 YouTube Data API를 활용하여 외부 데이터를 가져오는 방법을 익히고, API 응답을 처리하여 사용자에게 의미 있는 정보를 제공하는 방법을 이해하게 됩니다. 이로써 자신만의 유튜브 사이트를 만들고, 활용하는 것을 목표로 합니다.

초급

React, HTML/CSS, JavaScript

리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트

webstoryboy

자바스크립트부터 리액트까지 [PART4/4] 포기없는 리액트로 가는 길

영코디 킴쌤

혹시, 리액트를 공부하다가 좌절하신 적이 있나요? 리액트의 기초가 되는 자바스크립트의 기본을 탄탄히 다진 후에 단계적으로 학습하여 포기하지 않고 리액트로 가는 길을 열어드립니다.

입문

JavaScript, ES6, TypeScript

자바스크립트부터 리액트까지 [PART4/4] 포기없는 리액트로 가는 길

영코디 킴쌤

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

최신 Next.js v15 App Router를 학습하며 노션 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 커서 AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

초급

React, 블로그, Next.js

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

초급

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

중급이상

디자인 패턴, 객체지향, TypeScript

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

중급이상

Next.js, React, GraphQL

찍어먹는 Next.js 풀코스 (영어 음성 & 한글 자막)

ludgi

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

입문

JavaScript, React, Node.js

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩

자바스크립트 입문자를 위한 강의

JeongTaeHyun

자바스크립트 입문을 하시고 싶으신가요? 그럼 저의 강의를 선택해 주세요.

초급

JavaScript

자바스크립트 입문자를 위한 강의

JeongTaeHyun

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

초급

JavaScript, ES6

입문자를 위한, ES6+ 최신 자바스크립트 입문

짐코딩

30분 요약강좌 시즌6: PyScript

제주코딩베이스캠프

PyScript(파이스크립트)의 간단한 사용법을 익힐 수 있는 튜토리얼 강의입니다.

초급

pyscript, Python, JavaScript

30분 요약강좌 시즌6: PyScript

제주코딩베이스캠프

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

초급

JavaScript, 객체지향

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

Jiwoon Jeong

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

초급

HTML/CSS, JavaScript, REST API

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

Jiwoon Jeong

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프

코딩과 사랑에 빠져버린 8년차 풀스택 개발자 Captain의 사심이 가득 담긴 커리큘럼이에요. 백엔드의 모든 것을 다 알려주고 싶은 Captain의 마음이 녹아있죠! 이 강의를 듣다보면 '이렇게까지 알려준다고?' 하는 생각을 떨칠 수 없을 거예요. 모두가 어려워하는 부분까지 꼭꼭 씹어 떠먹여주는 이 강의로 시작해 볼까요?

입문

NestJS, Node.js, JavaScript

[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스

코드캠프