BEST

개발 · 프로그래밍

프론트엔드

프로젝트로 배우는 React.js

Name: 프로젝트로 배우는 React.js
Price: 24750 KRW

블로그 프로젝트를 통해 리액트 기초를 배울수 있습니다

(4.7) 수강평 31개

수강생 333명

코지 코더

React Redux ES6

초급자를 위해 준비한
[프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

리액트 기초
리액트 훅스
리덕스
리덕스 툴킷

하루 10분 ⏰
리액트 입문, 효율적으로 해보세요!

블로그를 만들며 배우는 리액트 🖥️

프런트엔드 프레임워크 하면 가장 먼저 떠오르는 React.js! 이 강의는 인기 프론트엔드 프레임워크 React.js의 설치부터 함께 시작하는 입문 강의입니다.

시작과 동시에 간단한 블로그 만들기 프로젝트를 시작하게 됩니다. 프로젝트를 만들어 나가면서 필요한 리액트 기능을 배우고, 프로젝트 실습을 통해 개념을 바로 적용해봅니다. 블로그를 만들면서 페이지 생성, 삭제, 검색 등 다양한 기능을 구현해봅니다. 각 영상은 대부분 10분 미만의 짧은 영상으로 만들었습니다.

블로그를 만들면서
실용적인 기능 위주로 학습!

10분 내외의
짧은 영상들로 구성!

입문부터 활용까지,
개념부터 실습까지 한 번에!

예상 질문 Q & A 💬

Q. React.js를 전혀 몰라도 들어도 될까요?

네! React.js 기초 강좌이기 때문에 모르셔도 기초부터 배우실수 있습니다. 이 강좌가 끝내시면 React.js로 프로젝트를 혼자 하실 정도의 기본은 배우게 됩니다. 하지만 HTML, CSS, Javascript (ES6+) 기초는 아시는 분이 듣는 걸 추천합니다. 강의 중간중간에 es6+ 관련된 설명도 들어있습니다. 😊

강의 자료 소개 📜

각 영상이 끝날 때의 소스 코드를 github에 브랜치로 만들어 올려두었습니다. 에러로 막혔을 때 github에서 소스 코드를 비교하실 수 있어요. 😁 찾기 쉽도록 수업 영상 번호를 브랜치 이름으로 올려두었어요.

Link: https://github.com/kossiecoder/react-redux-basic

이런 분들께
추천드려요!

학습 대상은
누구일까요?

리액트 기초를 배우고 싶으신 분
리액트로 웹앱을 만들어 보고 싶으신 분

선수 지식,
필요할까요?

html
css
javascript

안녕하세요
코지 코더입니다.

1,263

명

수강생

126

개

수강평

개

답변

4.9

점

강의 평점

개

강의

커리큘럼

전체

88개 ∙ (9시간 5분)

섹션 1. 강좌 소개 및 개발 환경 세팅

3개 ∙ (12분)

섹션 2. 리액트 기초

7개 ∙ (32분)

섹션 3. 블로그 포스트 생성 폼 만들기

6개 ∙ (26분)

11. 10 Input State 바인딩
08:46
12. 11 Textarea State 바인딩
03:48
13. json-server 설치시
14. 12 json-server 설치
03:49
15. 13 DB에 데이터 저장
06:54
16. 14 db 실행 명령어 스크립트에 넣기
02:48

섹션 4. React Router로 페이지 추가하기

10개 ∙ (56분)

섹션 5. 블로그 리스트

13개 ∙ (1시간 13분)

섹션 6. 블로그 디테일 페이지

5개 ∙ (27분)

섹션 7. 블로그 수정 페이지

6개 ∙ (37분)

섹션 8. 블로그 리스 페이지 수정

5개 ∙ (18분)

섹션 9. Pagination

11개 ∙ (1시간 14분)

섹션 10. 검색 기능

2개 ∙ (18분)

섹션 11. Form Validation

1개 ∙ (9분)

섹션 12. Toast Notification

10개 ∙ (1시간 38분)

섹션 13. Auth

3개 ∙ (18분)

섹션 14. Error Handling

5개 ∙ (27분)

섹션 15. React Router 업그레이드

1개 ∙ (15분)

강의 게시일: 2022. 11. 21.

마지막 업데이트일: 2025. 02. 04.

수강평

전체

31개

4.7

31개의 수강평

kbba785883
수강평 32
∙
평균 평점 4.8
2022. 11. 25.
5
57% 수강 후 작성
I'm listening to almost all of the Inflearn React courses in order of ratings and popularity. Since I've listened to a lot of Inflearn courses, I can't ignore the course reviews. I'm also one of those who subscribe to courses by referring to course reviews. I don't really like writing course reviews. Since no one has written a course review for Cozycoder, I'll write one. I'll write it briefly~^^ I'm subscribing for 30,000 won with a 30% discount.... If I were to evaluate this course in terms of price, 300,000 won is not a waste. The instructor's speech is a bit awkward and not mechanical, so that may be an advantage, but it's hundreds of times more helpful than the money-grubbing instructors who charge over 100,000 won for basic courses on YouTube that are nothing special, so listen.
- kossiecoder
  지식공유자
  2023. 01. 15.
  Thank you for leaving a review ^^
songhee63925649
수강평 3
∙
평균 평점 5.0
2022. 11. 30.
5
100% 수강 후 작성
In a situation where I need to study React urgently, you teach me how to focus only on React! I don't usually write reviews, but you made me write one. I can really focus on React and create basic CRUD without any unnecessary details. I hope you make more lectures! Thank you! I think I will definitely buy the next React lecture! I'm so satisfied.
- kossiecoder
  지식공유자
  2023. 01. 15.
  Thank you for leaving a review ^^
pol10178755
수강평 5
∙
평균 평점 5.0
2022. 11. 29.
5
100% 수강 후 작성
It's easier to understand because you explain it slowly.
- kossiecoder
  지식공유자
  2023. 01. 15.
  Thank you for leaving a review ^^
smudia02240
수강평 2
∙
평균 평점 5.0
2022. 11. 30.
5
11% 수강 후 작성
Wow, this is the lecture I've heard so far that I feel I spent the most money on. It's still early days, but it was easy to understand because I was able to apply it right away while working on a project. Very good.
- kossiecoder
  지식공유자
  2023. 01. 15.
  Thank you for leaving a review ^^
rth634
수강평 2
∙
평균 평점 5.0
2023. 01. 06.
5
100% 수강 후 작성
The part where the video is cut off... If the overlapping part is fixed, it would be a clean and good lecture... I finished 1.5.
- kossiecoder
  지식공유자
  2023. 01. 09.
  I said I would make a video and check it, but there was a part that was repeated. I'm sorry. I have edited all the parts that were repeated. When I was making the course, I tried to explain the confusing parts as much as possible when I first studied, so that it would be helpful to those who are new to React. I apologize again for the repeated parts, and I hope you enjoy coding.

코지 코더님의 다른 강의

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

Learn Vue.js 3 with Projects

kossiecoder

We'll help you learn how to use Vue.js 3 and get familiar with it as you apply it to your projects.

초급

Vue.js, Vuex, Web Application

비슷한 강의

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

Learning React with Spring Boot API Server through Code

zk202308a5410

Completing the project connecting an API server built with Spring Boot (ver3.4) and React! Producing the entire portfolio creation bootcamp course as lectures

초급

React, Spring Boot, JWT

Web app built with React Hooks

kwangsung

React is the most popular modern front-end framework, but it is difficult to learn. To solve this problem, Hook was introduced. This lecture will help you learn React easily using Hook.

초급

React, Web Application

From JavaScript to React [PART 3/4]: The Road to React Without Giving Up

youngcodikimssam

Have you ever felt frustrated while studying React? We'll help you build a solid foundation in the basics of JavaScript, which is the foundation of React, and then learn step-by-step, opening the way to React without giving up.

입문

JavaScript, vanilla-javascript, ES6

Practical TypeScript Learning with Official Documentation

sowhatcoding

If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

입문

TypeScript, JavaScript, ES6

Learn React and Firebase by following along - Creating a Chat Application [Renewed in December 2023]

johnahn

In this course, you will learn how to create a chat application using React and Firebase.

초급

React, Firebase, Web Application

TypeScript Introduction - From Basics to Practice

captain

This is a lecture for those who are starting out with TypeScript. The curriculum is designed to make it easy for even those who don't know the latest JavaScript grammar to learn. Let's learn TypeScript, which can seem difficult, in an easy and fun way from the perspective of a beginner 😄

초급

TypeScript, ES6, JavaScript

Web game that lets you learn by following along

johnahn

This course will teach you how to develop web games.

중급이상

React

[Renewal] Creating NodeBird SNS with React

zerocho

Let's create a Twitter-like SNS service with React & Next & Redux & Redux Saga & Express stack. Finally, we will deploy it to AWS after SEO.

중급이상

React, Redux, Node.js

[2025] React Native App Development Masterclass for Non-majors

junghw

For those who had ideas but didn't know how to develop an app, Let's master app development by creating 4 practical projects!

입문

JavaScript, React, Node.js

Complete Real-world YouTube Clone Development with Next.js 15

codewithantonio

In this 24-hour tutorial, you will learn how to build your own YouTube clone. We will cover advanced topics such as Next 15 and React 19 (including tRPC), prefetching in Server Components, utilizing Suspense in Client Components, video processing, background jobs, and AI features.

초급

Next.js, React, PostgreSQL

Understanding Javascript ES6+ Properly - Bonus

jaenam

The ES6+ Understanding Course provides an in-depth introduction to the ES6 and subsequent standard ECMAScript specifications for JavaScript, with a theoretical foundation, and explains the differences from ES5, as well as the concepts and operating principles.

초급

JavaScript, ES6

Practical React Native for iOS/Android App Development - Basic

wintho

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

초급

React Native, React, ES6

Things They Don't Teach You in Bootcamps (React Rendering Optimization) Part 2

aftercamp

Master React rendering principles and optimization to apply them in real-world situations and prepare for interviews!

중급이상

React, react-usememo, Tech Interview

Complete Beginner's React Native Class for App Development

junghw

This is for those who want to develop apps but are feeling lost about where to start. With this course, end that worry now!

입문

JavaScript, React, Node.js

₩20

25%

₩33,000

프로젝트로 배우는 React.js

초급자를 위해 준비한 [프론트엔드] 강의입니다.

이런 걸 배울 수 있어요

블로그를 만들며 배우는 리액트 🖥️

예상 질문 Q & A 💬

강의 자료 소개 📜

이런 분들께 추천드려요!

안녕하세요 코지 코더입니다.

커리큘럼

수강평

코지 코더님의 다른 강의

비슷한 강의

초급자를 위해 준비한
[프론트엔드] 강의입니다.

이런 분들께
추천드려요!

안녕하세요
코지 코더입니다.