BEST

개발 · 프로그래밍

프론트엔드

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

Name: 실무 중심! FE 입문자를 위한 React
Price: 99000 KRW

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

(4.8) 수강평 39개

수강생 32,774명

IT Share

React Node.js Redux Sass swr

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

이런 걸 배울 수 있어요

리액트의 특징과 원리를 배울 수 있습니다.
리액트 활용을 위한 7가지 필수 기술 스택을 배우고, 실무에서 자주 쓰이는 6가지 필수 기능을 구현해봅니다.

📣 공지사항• 해당 강의는 지식공유자의 질의응답이 지원되지 않는 강의인 점 참고부탁드립니다 🙏

프론트엔드 취업시장 점유율 압도적 1위, 리액트

리액트는 국내외 수많은 기업들이 가장 많이 사용하고 있는 프레임워크입니다.
대세 기술 스택으로 프론트엔드 개발을 배우고 싶다면 지금, 리액트를 시작하세요!

그런데, 정작 기업들은 이렇게 말합니다.

리액트를 다루는 시중의 많은 강의들이 ‘사용법', ‘기능' 위주의 껍데기 구현에만 치우친 탓입니다.

리액트를 원리부터 제대로 이해하지 못한 상태로 개발을 하게 되면, 정작 리액트의 장점을 살리기 어렵고 겉보기에만 구현된 서비스를 만들게 됩니다.

좋은 리액트 개발자는 무엇일까요?

첫째, 리액트의 장점과 원리를 제대로 이해하고 자유자재로 활용할 수 있어야 합니다.
둘째, 서비스에 대해 고민하는 개발자입니다. 그 고민을 바탕으로 서비스의 구조, 리액트의 구조를 세울 수 있어야 진짜 실력 있는 프론트엔드 개발자가 됩니다.

실력 있는 리액트 개발자가
되기 위한 학습 방법!

1.

리액트의 라이브러리를 다각도로 이해하고 활용하는 7년차 프론트엔드 개발자가 여러분의 개발 사수가 되어드립니다. JSX의 기본 문법부터 리액트의 특징과 서비스 구조까지 함께 살펴보며 각 라이브러리의 원리를 세세하게 짚어드릴게요. 7년간 프론트엔드 개발자로서 리액트를 활용한 경험과 노하우를 온전히 커리큘럼에 녹여냈습니다.

본 강의는 단순히 코드를 따라 치고 기계적으로 생산하는 코더가 아니라 주체적으로 고민을 해결하는 프론트엔드 개발자를 양성하는 리액트 마스터 과정입니다.

2.

페이스북 클론 코딩한다고 페이스북 만들 수 있나요?
본 강의에서는 껍데기 기능만 구현하는 클론 코딩은 진행하지 않습니다. 대신, 실무와 동일하게 서비스 가이드, 디자인 가이드가 주어진 상황에서 요구사항을 분석하고 서비스를 설계하는 ‘리얼 프론트엔드 개발’을 경험할 수 있습니다!

프로 프론트엔드 개발자가 다양한 요구에 어떻게 대응하고 웹 서비스를 설계해야 하는지 고민하는 게 진짜 프론트엔드 개발의 핵심 역량이기 때문이죠.

이게 끝이 아닙니다.
본 강의에서는 실무에서 리액트 개발자들이 웹서비스를 개발하기 위한 필수 기능인 ‘서비스 제작'과 ‘어드민 제작' 두 가지 실습을 모두 진행합니다.

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

3.

리액트를 활용한 개발 실무에서 꼭 필요한 리액트 라이브러리 7가지를 함께 다룹니다.
Recoil과 Redux의 사용법을 배우고, 컴포넌트 스타일링, Sass의 기초 문법 그리고 SWR, Axios, 리액트 라우터 등 커리큘럼 전반에 걸쳐 함께 배울 수 있습니다.

심화 프로젝트를 통해서 프론트엔드 개발 실무에서 가장 많이 쓰이는 6가지 기능을 구현해 봅니다.
라우팅, 폼 컨트롤, 빌더 페이지, 커스텀 훅스, 글로벌 상태 관리, 스타일드 컴포넌트 기능을 직접 제작하며, 리액트 개발에서 꼭 필요한 핵심 필수 기능을 모두 배울 수 있습니다.

수업은 이렇게 진행됩니다.

이 강의를 모두 듣고 나면?

라인파이낸셜 등을 거친 7년차 프론트엔드 개발자, 유동균 님을 소개합니다.

이런 분들께 추천합니다!

보너스, 수강생에게만 드리는 혜택 🎁

이런 분들께
추천드려요!

학습 대상은
누구일까요?

JS를 배우고 난 후, 프론트엔드 분야에서 가장 많이 쓰이는 라이브러리 리액트를 배워서 프론트엔드 개발자가 되고 싶은 분
리액트로 개발을 시작했지만, 라이브러리의 원리나 강점을 제대로 이해하지 못해서 막막한 상태에서 시니어 개발자에게 원리부터 제대로 배우고 싶은 분
지금은 백엔드 개발을 하고싶지만 리액트를 배워서 풀스택 개발자로 스킬업하고 싶은 분

선수 지식,
필요할까요?

JS에 대한 기초 지식이 있는 분들을 위한 강의입니다.

안녕하세요
IT Share입니다.

32,774

명

수강생

개

수강평

4.8

점

강의 평점

개

강의

IT Share 는 IT 직무의 모든것을 알려주는 전문가 집단 입니다.

커리큘럼

전체

70개 ∙ (19시간 48분)

해당 강의에서 제공:

수업자료

섹션 1. 강의 자료

1개

1. 전체강의자료_실습코드포함

섹션 2. Chapter 01 React 소개

2개 ∙ (10분)

2. 1-1. React란?
06:50
3. 1-2. React의 특징
03:18

섹션 3. Chapter 02 JSX

6개 ∙ (49분)

섹션 4. Chapter 03 컴포넌트

5개 ∙ (42분)

섹션 5. Chapter 04 LifeCycle과 Hooks

3개 ∙ (50분)

섹션 6. Chapter 05 이벤트 핸들링

4개 ∙ (41분)

섹션 7. Chapter 06 React 환경 설정

4개 ∙ (31분)

섹션 8. Chapter 07 React 메모장 만들기

6개 ∙ (2시간 0분)

섹션 9. Chapter 08 React 심화 프로젝트 소개

2개 ∙ (8분)

섹션 10. Chapter 09 SurveyPie 설계

5개 ∙ (1시간 15분)

섹션 11. Chapter 10 SurveyPie 라우터 적용

3개 ∙ (42분)

섹션 12. Chapter 11 SurveyPie 컴포넌트 스타일링

4개 ∙ (1시간 34분)

섹션 13. Chapter 12 SurveyPie 전역 상태 관리

4개 ∙ (50분)

섹션 14. Chapter 13 SurveyPie API 연동

3개 ∙ (1시간 4분)

섹션 15. Chapter 14 SurveyPie 그 외 나머지 기능 구현

3개 ∙ (1시간 25분)

섹션 16. Chapter 15 Admin 설계

5개 ∙ (59분)

섹션 17. Chapter 16 Admin 리스트 페이지 구현

2개 ∙ (48분)

섹션 18. Chapter 17 Admin 빌더 페이지 구현

7개 ∙ (5시간 12분)

섹션 19. Chapter 18 전체 학습 정리

1개 ∙ (1분)

강의 게시일: 2023. 05. 24.

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

수강평

전체

39개

4.8

39개의 수강평

kimhi
수강평 1
∙
평균 평점 3.0
2025. 03. 04.
3
7% 수강 후 작성
In other courses, the instructor answers questions directly, but in this course, AI provides the answers, so it's not very helpful in resolving issues. I really liked other courses where they personally answered even questions I didn't know, so this is a bit disappointing. Even if you don't provide Q&A for personal learning, I wish you would at least answer where the CodeSandbox link, which is essential for taking the course, is posted. It's very inconvenient. It's not in the material files you uploaded either. So I have to stop the screen and type in the link in the address bar one letter at a time to enter;; Do I really have to go this far.. 😭😭😭??
- doomco07
  2025. 03. 29.
  Your skills improve as you go through the problem-solving process. You shouldn't only pursue comfort. Develop your problem-solving skills by finding errors yourself and resolving them.
blleee2670
수강평 6
∙
평균 평점 5.0
2024. 08. 10.
5
34% 수강 후 작성
I'm still taking the class, but I like that it explains things step by step so that even beginners can easily follow. I also like the practical content.
han30170544
수강평 1
∙
평균 평점 5.0
2024. 09. 09.
5
39% 수강 후 작성
It explains things step by step well and the content seems very informative!! I recommend it~
pjungae04234058
수강평 2
∙
평균 평점 5.0
2024. 09. 19.
5
100% 수강 후 작성
eldenring
수강평 1
∙
평균 평점 5.0
2025. 01. 13.
5
53% 수강 후 작성
I really recommend this class. I am the type of person who studies by watching the same class over and over again. I have taken many React classes. I think the way the teacher speaks is very important, and if you listen carefully to what he says, you can feel that he is very logical and explains only the key points without any unnecessary details. Also, his coding style is very clean and nice. It doesn't seem to be updated to the latest version of React, but if you want to study a solid foundation, it's a really good class.

비슷한 강의

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

Sass Basics for Beginners & Grapefruit Talk Clone Coding

uknow

Sass is an extension language of CSS. It complements the shortcomings of CSS and guarantees excellent productivity, and is powerful and concise. Learn the basic syntax and enjoy clone coding using what you have learned. It's more fun and less burdensome!

초급

Sass, Clone Coding, HTML/CSS

Kim Il-han's hands-on introductory course for React developers

softcampus

This course teaches you how to develop front-end web using React. You will learn the core JavaScript grammar for React, CDN-based React development, and NPM-based React development methods.

입문

React, JavaScript, HTML/CSS

A real introductory all-in-one development boot camp for non-majors

grab

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

입문

JavaScript, React, Node.js

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

If you guys want to do backend, do it as much as you want. I'm fine with it because I have Firebase.

jejucoding

Are you a front-end developer and have you ever felt disappointed because you couldn't implement a login function? Have you ever wanted to implement a function that saves and loads data using a DB, but found it burdensome to study queries? With Firebase, it's easy! Let's implement essential functions for web development, such as user authentication, data storage, and hosting, with the power of React and Firebase! (This lecture was recorded in August 22 and reflects the major update of Firebase.)

초급

Firebase, React

Chat GPT Clone in 1 Hour with Cursor (One-Day Class)

dodocoding

You can gain the ability to implement a chat program in just one hour using Next.js + Cursor IDE.

입문

nextjs, ChatGPT, React

[Beginner] Sass in 40 minutes

paullabkorea1196

Sass, which was put on the back burner because it was complicated and unfamiliar, is now cut to 40 minutes! Quickly review it! :)

초급

Sass

React Native with Expo: Mastering from 제로초

zerocho

It has become an era where web developers (especially if you are a React developer) can really easily launch apps. With Expo, you can launch both Android and iOS apps even faster. Let's become a developer who can quickly launch apps through Expo.

초급

React, React Native, Hybrid App

React Native Complete Beginner Class for App Development Introduction

junghw

We have prepared this for those who want to develop apps but feel lost about where to begin. With this course, put an end to that concern now!

입문

JavaScript, React, Node.js

Using Node.Js

egoing5162

This course will implement cookie and login functions using NodeJS, a server-side Javascript, and combine the results with the previous nodeJS course to create a complete web application.

초급

JavaScript, Node.js

Do it! Introduction to Node.js Programming

service0989

Running without fail towards the core of the server with Node.js + JavaScript + Express + MongoDB!

초급

Node.js, JavaScript, Express

Node and React series that you can learn by following - Creating a chatbot site

johnahn

In this course, you will learn how to create a chatbot using the API provided by Google.

초급

React, Node.js

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

GraphQL: A technology to replace the REST API

burger

An opportunity to learn both the front-end and back-end of GraphQL at once

초급

GraphQL, Spring Boot, Node.js

Web Crawling with Node.js

zerocho

We will apply it in practice by crawling sites such as Naver, Amazon, Twitter, YouTube, Facebook, Instagram, and unsplash.com.

중급이상

JavaScript, Node.js, Web Crawling

TypeScript Korea: React with TypeScript Seminar

woongjae

This course is about TypeScript and React.

중급이상

React, TypeScript

Working with Databases and Building Web Applications with Node.js

egoing5162

This article introduces the relationship between Nodejs, a server-side JavaScript language, and a database, and explains how to create web applications using Nodejs and a database.

초급

Node.js

₩99,000