[HD]페이스북에서 만든 오픈 소스 자바스크립트 React(리액트) 프로그래밍 입문 Part.2
담당강사 |
박용준 |
강의구성 |
총 17차시 |
수강기간 |
30일 |
제작연도 |
2020년 |
결제하기 |
|
증빙서류 |
수료증 |
교안/예제 |
|
강의 목차 |
강의 제목 |
수강 여부 |
1 |
SeeSharpGuide_01_create-react-app으로 프로젝트 만들고 기본 컴포넌트와 함수 컴포넌트를 사용하여 강좌 리스트 [13:47]
|
|
2 |
SeeSharpGuideTitle_className과 style을 사용하여 자식 컴포넌트에 스타일 적용하는 방법 설명 [11:51]
|
|
3 |
리액트 라우팅 경로 지정 이론 설명 [03:21]
|
|
4 |
About 컴포넌트 생성 및 라우팅에 추가 [07:38]
|
|
5 |
Contact 컴포넌트 생성 및 실행 데모 [08:07]
|
|
6 |
ContactDetails와 Copyright 서브 컴포넌트 생성 및 부모 컴포넌트에 포함해서 실행 [12:41]
|
|
7 |
TechList와 SiteList 서브 컴포넌트 생성 및 Home 컴포넌트에 포함해서 실행 [16:38]
|
|
8 |
About과 Contact 컴포넌트 UI 변경하기 [15:52]
|
|
9 |
버튼에 인라인 스타일 적용하기 [01:49]
|
|
10 |
React.Fragment를 사용하여 컴포넌트에서 동일 레벨의 여러 HTML 요소 표현하기 [10:33]
|
|
11 |
리액트 state 개체로 상태 관리하기 이론 [03:30]
|
|
12 |
StateDescription_state 개체를 사용하여 클래스 컴포넌트에서 title과 message 속성을 저장하고 출력하는 상태 관리 데모 [04:57]
|
|
13 |
리액트 컴포넌트 라이프 사이클 componentDidMount [01:13]
|
|
14 |
리액트 onClick 이벤트 처리기 이론 [02:23]
|
|
15 |
OnClickEventHandler_onCLick 이벤트 처리기에서 클릭 이벤트를 처리하는 3가지 모양 정리 [09:10]
|
|
16 |
OneWayBinding_React에서 텍스트박스의 값을 읽어 sate 개체에 저장 후 다시 출력하는 초간단 양방향 바인딩 구현하기 [12:58]
|
|
17 |
초간단 인-메모리 TodoList 만들기 데모 [29:27]
|
|