채널톡 아이콘
BEST
개발 · 프로그래밍

/

프론트엔드

프로젝트로 배우는 React.js

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

(4.7) 수강평 30개

수강생 324명

ReactReduxES6
Thumbnail

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

이런 걸 배울 수 있어요

  • 리액트 기초

  • 리액트 훅스

  • 리덕스

  • 리덕스 툴킷

하루 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,239

명

수강생

124

개

수강평

95

개

답변

4.9

점

강의 평점

2

개

강의

커리큘럼

전체

88개 ∙ (9시간 5분)

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

수강평

전체

30개

4.7

30개의 수강평

  • 빡파송송계란

    ∙

    수강평 3

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    급하게 리액트 공부 해야하는 상황에서 딱 리액트에만 집중할 수 있도록 알려주십니다! 원래 리뷰 잘 안쓰는데 안쓸 수 없게만드 셨습니다. 진짜 군더더기 없이 리액트에 집중해서 기본 CRUD를 만들수 있게되네요 더 많은 강의 만들어주시면 좋겠습니다! 감사해요! 다음에도 리액트 강의 나오면 무조건 구매할 것 같습니다! 너무 만족스럽습니다

    • 코지 코더
      지식공유자

      수강평 남겨주셔서 감사합니다 ^^

  • foxball

    ∙

    수강평 30

    ∙

    평균 평점 4.8

    5

    57% 수강 후 작성

    인프런 리액트 강좌들은 평점,인기순으로 거의다 듣고있는 사람입니다. 인프런 강좌들을 많이듣다보니 수강평을 무시못하겠더라고요. 저역시 수강평을 참고하여 강좌를 구독하는 사람중 한명이니까요. 수강평 쓰는거 별로 좋아하지는 않는대요. 코지코더님 수강평에 아무도 글이 없어서 한번써봅니다. 짧게 쓸께요~^^ 30%할인해서 3만원 대에 구독중이지만.... 이강좌를 금액으로 평가하면, 30만원도 아깝지 않네요 강사님 말투가 약간 서툴고, 기계적인 말투가 아니라서 오히려 그게 더 장점일 수 도있지만, 별것도아닌 유튜브에 다나와있는 기초적인 강좌를 10만원넘게 받아먹는 돈충이 강사들보다, 훨씬 몇백배 도움되니, 들어보세요.

    • 코지 코더
      지식공유자

      수강평 남겨주셔서 감사합니다 ^^

  • rth634

    ∙

    수강평 2

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    영상 끊기는 부분.. 중복되는 부분이 해결된다면 깔끔하고 좋은 강의 였습니다.. 1.5 완강 했습니다.

    • 코지 코더
      지식공유자

      영상 만들고 확인을 한다고 했는데 반복 되는 부분이 있었네요 죄송합니다 반복 재생 되는 부분들은 모두 수정하였습니다. 강좌 만들때 제가 처음 공부할때 헷갈리는 부분들을 최대한 자세히 설명하여 처음 리액트 접하시는 분들께 도움 되도록 만들려고 노력하였습니다. 반복 재생 된 부분에 대해서는 다시한번 죄송하다는 말씀드리고 즐거운 코딩 하시기 바랍니다.

  • Sue Kim

    ∙

    수강평 2

    ∙

    평균 평점 5.0

    5

    11% 수강 후 작성

    와 지금까지 들은 강의 중에서 젤 돈이 안아깝네요. 아직 초반이긴 하지만 프로젝트를 하면서 바로바로 적용을 하니 이해하기 쉬웠어요. 베리굿ㅋ

    • 코지 코더
      지식공유자

      수강평 남겨주셔서 감사합니다 ^^

  • 박현욱

    ∙

    수강평 5

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    천천히 설명 해주셔서 이해 하기 좋습니다.

    • 코지 코더
      지식공유자

      수강평 남겨주셔서 감사합니다 ^^

코지 코더님의 다른 강의

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

프로젝트로 배우는 Vue.js 3강의 썸네일

프로젝트로 배우는 Vue.js 3

코지 코더

₩33,000

초급 / Vue.js, Vuex, 웹앱

4.9

(94)

900+

Vue.js 3 사용 방법을 배우고 프로젝트에 적용을 하면서 익힐 수 있도록 도와드립니다.

초급

초급

Vue.js, Vuex, 웹앱

비슷한 강의

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

The Easiest React (Global ver.)강의 썸네일

The Easiest React (Global ver.)

얄팍한 코딩사전

₩33,000

입문 / React, JavaScript, Node.js

Learn React the Easiest and Fastest Way!

입문

입문

React, JavaScript, Node.js

실무 중심! FE 입문자를 위한 React강의 썸네일

실무 중심! FE 입문자를 위한 React

IT Share

₩99,000

초급 / React, Node.js, Redux, Sass, swr

4.7

(29)

32,700+
Update
Update

강의를 모두 듣고 나면, 스스로 하나의 웹서비스를 개발할 수 있는 역량을 갖게 됩니다.

초급

초급

React, Node.js, Redux

공식문서로 배우는 실전 타입스크립트강의 썸네일

공식문서로 배우는 실전 타입스크립트

어쩔코딩

₩22,000

입문 / TypeScript, JavaScript, ES6, Node.js, Next.js

5.0

(2)

타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

입문

입문

TypeScript, JavaScript, ES6

코드로 배우는 React with 스프링부트 API서버강의 썸네일

코드로 배우는 React with 스프링부트 API서버

구멍가게코딩단

₩77,000

초급 / React, Spring Boot, JWT, redux-toolkit, JPA

4.8

(60)

1,000+
Update
Update

스프링 부트(Spring Boot ver3.1(3.2 호환))로 제작되는 API 서버와 리액트의 연동 프로젝트 완성하기! 포트폴리오 작성 부트캠프 과정 전체를 강의로 제작

초급

초급

React, Spring Boot, JWT

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.2강의 썸네일

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.2

유용한IT학습

₩68,200

중급이상 / JavaScript, ES6

4.8

(28)

41,700+

자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

중급이상

중급이상

JavaScript, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic강의 썸네일

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

₩55,000

초급 / React Native, React, ES6

4.6

(115)

1,800+

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

초급

초급

React Native, React, ES6

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

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

그랩

₩143,000

입문 / JavaScript, React, Node.js, Express, React Native, 머신러닝, HTML/CSS, Tensorflow

4.8

(154)

3,100+

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

입문

입문

JavaScript, React, Node.js

[리뉴얼] React로 NodeBird SNS 만들기강의 썸네일

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

₩88,000

중급이상 / React, Redux, Node.js, Express, Next.js

4.9

(178)

3,600+

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

중급이상

React, Redux, Node.js

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편강의 썸네일

부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편

애프터캠프

₩13,200

중급이상 / React, react-usememo, 기술면접, Next.js

4.9

(16)

500+

React 렌더링 원리, 최적화를 마스터해서 실전 활용 및 면접 준비를 해보세요!

중급이상

중급이상

React, react-usememo, 기술면접

아바타 커뮤니티앱 만들기 (React Native)강의 썸네일

아바타 커뮤니티앱 만들기 (React Native)

Kyo

₩74,800

초급 / React Native, TypeScript, react-query, React, JavaScript

5.0

(8)

100+
Update
Update

리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.

초급

초급

React Native, TypeScript, react-query

Javascript ES6+ 제대로 알아보기 - 보너스강의 썸네일

Javascript ES6+ 제대로 알아보기 - 보너스

정재남

무료

초급 / JavaScript, ES6

4.8

(45)

3,400+

ES6+ 제대로 알아보기 강좌는 Javascirpt의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 알려드립니다.

초급

초급

JavaScript, ES6

₩33,000