Thumbnail
개발 · 프로그래밍 프론트엔드

오픈 소스 자바스크립트 React 프로그래밍 입문 Part.2 대시보드

(4.5)
31개의 수강평 ∙  58,467명의 수강생

29,700원

지식공유자: 유용한IT학습
총 18개 수업 (2시간 46분)
수강기한: 
12개월
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

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

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

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

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

📢 알려드립니다

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

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

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


학습 목표 ✍

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

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

리액트로 만들어보는 웹앱


연관 강의 

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

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

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

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


이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
리액트를 사용한 웹 개발을 배우고 싶으신 분
리액트와 닷넷코어 기반 풀스택 개발을 하고 싶은 분
📚
선수 지식,
필요할까요?
자바스크립트

안녕하세요
유용한IT학습 입니다.
유용한IT학습의 썸네일

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

커리큘럼 총 18 개 ˙ 2시간 46분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 자료
강의 자료
섹션 1. 리액트의 컴포넌트
SeeSharpGuide_01_create-react-app으로 프로젝트 만들고 기본 컴포넌트와 함수 컴포넌트를 사용하여 강좌 리스트 미리보기 13:48 SeeSharpGuideTitle_className과 style을 사용하여 자식 컴포넌트에 스타일 적용하는 방법 설명 미리보기 11:52 리액트 라우팅 경로 지정 이론 설명 미리보기 03:22
About 컴포넌트 생성 및 라우팅에 추가 07:38
Contact 컴포넌트 생성 및 실행 데모 08:08
ContactDetails와 Copyright 서브 컴포넌트 생성 및 부모 컴포넌트에 포함해서 실행 12:42
TechList와 SiteList 서브 컴포넌트 생성 및 Home 컴포넌트에 포함해서 실행 16:38
About과 Contact 컴포넌트 UI 변경하기 15:52
버튼에 인라인 스타일 적용하기 01:49
React.Fragment를 사용하여 컴포넌트에서 동일 레벨의 여러 HTML 요소 표현하기 10:34
리액트 state 개체로 상태 관리하기 이론 03:30
StateDescription_state 개체를 사용하여 클래스 컴포넌트에서 title과 message 속성을 저장하고 출력하는 상태 관리 데모 04:58
리액트 컴포넌트 라이프 사이클 componentDidMount 01:14
리액트 onClick 이벤트 처리기 이론 02:23
OnClickEventHandler_onCLick 이벤트 처리기에서 클릭 이벤트를 처리하는 3가지 모양 정리 09:10
OneWayBinding_React에서 텍스트박스의 값을 읽어 sate 개체에 저장 후 다시 출력하는 초간단 양방향 바인딩 구현하기 12:58
초간단 인-메모리 TodoList 만들기 데모 29:28
강의 게시일 : 2021년 10월 25일 (마지막 업데이트일 : 2021년 11월 22일)
수강평 총 31개
수강생분들이 직접 작성하신 수강평입니다.
4.5
31개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
kjy820502 thumbnail
5
.....
2022-01-17
jungyijun thumbnail
4
1편에 비하면 많이 괜찮습니다.
2021-12-15
조재언 thumbnail
5
리액트 기초의 처음과 끝을 책임지는 강의
2023-01-24
PANDA K thumbnail
4
중간에 집중력 흐트러지게 할 것 같아서 미리 적음.. 두 번째인 만큼 시나리오 잘 짜서 진행되길 바랐지만 재생 시간이 1분, 3분 이런 게 중간중간 있는 것 보면 이번도 정신 없는 강의가 될 예정일 듯...
2023-01-14
sort print thumbnail
5
차근차근 기초잡기에 좋아요 추천합니다
2023-01-15
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!