오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1

Name: 오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1
Price: 38500 KRW

리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다. SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다. Part1에서는 리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.

(4.4) 수강평 50개

수강생 60,079명

유용한IT학습

React

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

이런 걸 배울 수 있어요

리액트를 사용한 웹 개발에 대한 기본 개념
리액트의 컴포넌트를 만드는 여러가지 방법
닷넷코어를 사용하여 백엔드 API를 만드는 방법
하나의 완성된 데이터베이스 처리 웹앱 만들기

페이스북에서 만든 오픈 소스 자바스크립트
React 프로그래밍 입문 (1)

📢 알려드립니다

본 강의는 지식공유자의 질의응답을 제공하지 않는 강의입니다. 수강에 참고해 주시기 바랍니다.
해당 강의는 2020년 9월에 만들어진 강의로 최신 React와 차이가 있을 수 있습니다.
녹음 환경의 문제로 약간의 화이트 노이즈가 발생하고 있습니다.

리액트로 하는 웹개발, 함께 시작해볼까요? 💁‍♀️

리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 리액트를 통해 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있으며, SPA(Single Page Application)을 만드는데 최적화되어 있습니다.
현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트! 이 강의에서는 리액트로 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다. Part1에서는 리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다..

학습 목표 ✍

리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.
리액트의 컴포넌트를 만드는 여러가지 방법을 학습합니다.
닷넷코어를 사용하여 백엔드 API를 만드는 방법을 학습합니다.
하나의 완성된 데이터베이스 처리 웹앱을 만들어봅니다.

_{함께 코드를 작성하면서 진행되는 실습}

_{리액트로 만들어보는 웹앱}

연관 강의 ✍

오픈 소스 자바스크립트 React 프로그래밍 입문

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.1 현재 강의
리액트(React)를 사용한 웹 개발에 대한 기본 개념

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.2
리액트의 컴포넌트를 만드는 여러가지 방법

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.3
하나의 완성된 데이터베이스 처리 웹앱 제작

이런 분들께
추천드려요!

학습 대상은
누구일까요?

리액트를 사용한 웹 개발을 배우고 싶으신 분
리액트와 닷넷코어 기반 풀스택 개발을 하고 싶은 분

선수 지식,
필요할까요?

자바스크립트

안녕하세요
유용한IT학습입니다.

8,253,040

명

수강생

5,997

개

수강평

4.6

점

강의 평점

189

개

강의

유용한 IT 강의를 통해 여러분의 성장을 돕겠습니다.

커리큘럼

전체

23개 ∙ (6시간 5분)

해당 강의에서 제공:

수업자료

섹션 1. 강의 자료

1개

1. 강의 자료

섹션 2. 리액트 프로그래밍 입문

22개 ∙ (6시간 5분)

2. 리액트 프로그래밍 입문 강의 시작
14:21
3. 리액트 개발 환경 구축 및 클라우드 기반 데브옵스 설정하는 전체적인 절차에 대한 데모
01:22:21
4. Windows 환경에서 리액트 개발 환경 구축 및 리액트 프로젝트 생성하는 2가지 방법 설명
32:38
5. 두 가지 방식으로 리액트 프로젝트를 만드는 방법 설명(create react app과 dotnet new react)
13:28
6. 참고_ReactDemo_프로젝트 생성 후 로컬 테스트 후 GitHub 리포지토리에 게시하는 전체 절차 설명
06:51
7. Temp 폴더에 dotnet new react 명령으로 풀스택 프로젝트 생성 및 실행 그리고 여러 가지 사용법 데모
20:31
8. Create React App으로 만든 리액트 프로젝트의 구조 간단히 살펴보기
05:51
9. 현재 강의에서 만들어지는 최종 소스인 ReactMemo와 BookApp.React 프로젝트 다운 및 설치 그리고 실행하기 데모
13:32
10. 순수 HTML 파일에 리액트 적용하기 소개
06:43
11. HelloReact_순수한 HTML 파일에서 리액트 헬로월드 예제 만들고 실행해보기
18:22
12. HelloReact_React Developer Tools 설치 및 createElement 함수에 속성 적용하기
16:16
13. HelloReact_중첩된 HTML 요소를 React_createElement 함수를 여러 번 사용해서 구현하기
09:00
14. HelloReact_Babel 라이브러리를 사용하여 JSX로 HTML 요소 작성하기
06:29
15. HelloReact_JSX에서 스타일 사용하기_className으로 CSS Class 적용하기
11:04
16. HelloReact_JSX 표현식 사용하기
12:30
17. HelloReact_함수 컴포넌트 만들고 JSX 표현식에 적용하기
12:18
18. HelloReact_Props_동적 개체인 props를 사용하여 컴포넌트에 전달된 속성 이름과 속성 값을 받아 사용하기
19:34
19. HelloReact_구조 파괴 할당(구조 분해 할당)을 사용하여 props를 좀 더 간결하게 사용하기
09:22
20. HelloReact_JSX에서 조건(3항) 연산자 사용하기
11:15
21. HelloReact_함수 컴포넌트와 클래스 컴포넌트_클래스로 컴포넌트 만들기
07:38
22. HelloReact_state와 setState로 상태 데이터를 저장하고 onClick 이벤트 처리기에서 상태 데이터를 수정하기
15:48
23. HelloReact_컬렉션 형태의 데이터 출력 및 부트스트랩으로 UI 꾸미기
19:08

강의 게시일: 2021. 10. 24.

마지막 업데이트일: 2021. 11. 22.

수강평

전체

50개

4.4

50개의 수강평

ehowlpanda7776
수강평 36
∙
평균 평점 4.3
2023. 01. 12.
4
100% 수강 후 작성
Setting up is taking much longer than I thought. Is this how it is supposed to be..?? I even use Azure...;; It's good to see various experiences, but it's a bit difficult to follow along...ㅠㅠ
injoe900336
수강평 58
∙
평균 평점 5.0
2023. 01. 23.
5
100% 수강 후 작성
A course that covers not only the basics of React but also the basics of the backend.
idxuse
수강평 21
∙
평균 평점 5.0
2023. 01. 15.
5
100% 수강 후 작성
I think it's a good lecture if you can just endure the environment settings part and get through it.
980513k5090
수강평 124
∙
평균 평점 5.0
2022. 02. 07.
5
9% 수강 후 작성
Interesting!
hyde31633589
수강평 348
∙
평균 평점 5.0
2023. 01. 11.
5
100% 수강 후 작성
Thank you, I listened carefully

유용한IT학습님의 다른 강의

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

Practical examples you must try when developing front-end Part 1

usefulit

You no longer need to study JavaScript and ES6 separately. This course is designed to learn the JavaScript programming language along with the latest ES6 grammar.

초급

JavaScript

Python 100 Problem Solving with Examples Part 1

usefulit

This is a course to learn the Python programming language with 100 problems. This course consists of a total of 3 parts, and in Part 1, you will solve problems on the topics of variables, data types, operators, conditional statements, and loops.

입문

Python

Information Security Engineer Practical Test - Problem Solving Focus Part 4 System Security

usefulit

You can effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.

초급

Engineer information security, security

Practical examples you must try when developing front-end Part 2

usefulit

You no longer need to study JavaScript and ES6 separately. This course is designed to learn the JavaScript programming language along with the latest ES6 grammar.

초급

JavaScript

Getting SQL Developer (SQLD) Certification Part 2

usefulit

It contains only the essentials required to obtain the SQLD certification. This is a learning process that will help you acquire the SQLD certification by solving various examples directly, starting from setting up the development environment and building your skills.

초급

SQL

Learn Public Data (Open Data) APIs Part 1

usefulit

This is a course to learn in various languages how to call various open data provided by the public data portal from various programming languages and how to use JSON data provided as a result of the call.

초급

Web API

Information Security Engineer Practical - Problem Solving Focus Part 3 Application Security

usefulit

You can effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.

초급

Engineer information security, security

Computer Proficiency Level 1,2 Written Test - General Computer (Revised 2021)

usefulit

Through this course, learners can acquire the ability to obtain a computer proficiency certificate. This course is designed to meet the examination criteria for obtaining a computer proficiency certificate. You can learn and utilize basic knowledge of the computer proficiency subject to prepare for obtaining the certificate.

입문

Computer Specialist in Spreadsheet & Database, MS-Office

Getting Started with Machine Learning (Basic Principles + Beginner Practice)

usefulit

This is a basic machine learning course that briefly covers the basic machine learning theory for those who are new to machine learning.

초급

Machine Learning(ML)

Information Security Engineer Practical Test - Problem Solving Focus Part 2 Network Security

usefulit

You can effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.

초급

Engineer information security, security

Using After Effects CC Motion Effects

usefulit

In this tutorial, you will learn how to create motion effects using the Fractal, Glow, Advanced Lightning, and Expression effects in After Effects.

초급

Motion Graphic, After Effects, Video Production

Python 100 Problem Solving with Examples Part 3

usefulit

This is a course to learn the Python programming language with 100 problems. This course consists of a total of 3 parts, and in Part 3, you will solve problems on the topics of OPP, algorithms, strings, modules, and certification preparation.

초급

Python

Python 100 Problem Solving with Examples Part 2

usefulit

This is a course to learn the Python programming language with 100 problems. This course consists of a total of 3 parts, and in Part 2, you will solve problems on the topic of arrays and functions.

초급

Python

Making money with Coupang, a contactless startup Part 1 Marketplace

usefulit

This is a lecture on the overall methodology of selling products on Coupang. In Part 1, you will learn step by step how to sell on Coupang with small capital and no inventory, starting from business registration.

입문

Monetization

Information Security Engineer Practical - Problem Solving Part 1 General Information Protection, Security and Password, Access Control

usefulit

Through this course, you can study short answer and descriptive questions from past practical exams for the Information Security Engineer.

초급

Engineer information security, security

Introduction to Video Editing Davinci Resolve 16 Version Part 2

usefulit

This is an introductory course that teaches the most basic video editing, focusing on the basic editing functions of Davinci Resolve. (Part 2/3)

초급

Davinci Resolve

Information Security Engineer Practical Test - Problem Solving Part 5 Information Security Management, Law

usefulit

You can effectively study the contents of the Information Security Engineer practical exam questions and obtain the Information Security Engineer practical qualification.

초급

Engineer information security, security

Python Basics to Practice Part 1

usefulit

Python with easy and intuitive grammar! Learn Python, which is famous as an introductory programming language, from the basics to practice! In this lecture, you will learn about Python, variables, data types, conditional statements, and loops.

입문

Python

AutoCAD 2022 2D Basics

usefulit

In this course, you will learn how to use basic commands for 2D drawings in AutoCAD 2022.

입문

CAD, AutoCAD

Computer Proficiency Level 1,2 Written Test - Spreadsheet General (2021 Revised)

usefulit

Through this course, learners can acquire the ability to obtain a computer proficiency certificate. It is a course for obtaining a computer proficiency certificate, and it is structured in accordance with the examination criteria. You can learn and utilize basic knowledge of the computer proficiency subject to prepare for obtaining the certificate. (Computer Proficiency Level 1, 2 Written - Spreadsheet General (2021 Revised))

입문

Computer Specialist in Spreadsheet & Database, MS-Office, Excel

비슷한 강의

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

Introduction to Open Source JavaScript React Programming Part.3

usefulit

React is an open source JavaScript library created by Facebook. You can create UI based on components using JavaScript. Learn all the components you need for web development using React, the most popular front-end development library currently optimized for creating SPA (Single Page Application). In Part 3, you will create a complete database processing web app.

초급

React

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

Introduction to Open Source JavaScript React Programming Part.2

usefulit

React is an open source JavaScript library created by Facebook. You can create UI based on components using JavaScript. Learn all the components you need for web development using React, the most popular front-end development library currently optimized for creating SPA (Single Page Application). In Part.2, you will learn various ways to create React components.

초급

React

Next.js Complete Master (v15): Creating a Notion-based Developer Blog (with Cursor AI)

gymcoding

This is a course where you learn the latest Next.js v15 App Router and build a practical developer blog based on Notion. Additionally, you can gain various insights, including how to use Cursor AI.

초급

Next.js, Cursor AI, React

Getting Started with Supabase and Next Full Stack (feat. Supabase OAuth, Next.js 14)

dodocoding

Firebase's SQL version! You can master the basics of Next.js full-stack development through Supabase!

초급

Next.js, supabase, React

Full Stack React Toy Project - REST, GraphQL (for FE Developers)

jaenam

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

초급

REST API, GraphQL, React

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

React + Firebase Full Stack Development - Firebase Firestore Data Modeling

brightcoding

Through this course, you will learn how to implement database relationships with Firebase. You can quickly become a React full-stack developer. In this era of unstable employment, you need to learn new skills and increase your value. And you need to create something. You need to be able to implement data "relationships" when implementing those side projects and ideas. This course will help you implement "relationships" with Firebase "Firestore."

초급

Firebase, React, firestore

Hybrid App with Expo Framework to Increase Web Developer's Salary

codecamp

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.

초급

React, Next.js, expo

Next.js Full Course to Dip In (English Audio & Korean Subtitles)

ludgi

A full course of hands-on Next.js! Complete a real-world project with the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.