1. 자격증과정
  2. IT실무과정
  3. 이벤트
  4. 고객센터
  5. 결제안내
TOP

강의실

강좌코드 : la_H090115

[HD]페이스북에서 만든 오픈 소스 자바스크립트 React(리액트) 프로그래밍 입문 Part.1

담당강사 박용준 강의구성 총 22강좌
수강기간 30일 강의형식 동영상
제작년도 2020 증빙서류 미수강
강의특징 등록후 확인가능합니다.
참고사항
  • 수료증 출력은 해당 강좌의 80% 이상을 수강 시 출력할 수 있습니다.
  • 수강 기간 중 언제든지 반복 수강이 가능합니다.
  • 수강 여부 체크는 현재 동영상 강좌에만 가능합니다.
  • 수강 등록 완료 후 수강 가능합니다.
수강료 44,000
강의목차 강의제목 플레이어 수강여부
01 리액트 프로그래밍 입문 강의 시작     [14:20] O
02 리액트 개발 환경 구축 및 클라우드 기반 데브옵스 설정하는 전체적인 절차에 대한 데모     [82:21] O
03 Windows 환경에서 리액트 개발 환경 구축 및 리액트 프로젝트 생성하는 2가지 방법 설명     [32:37]
04 두 가지 방식으로 리액트 프로젝트를 만드는 방법 설명(create react app과 dotnet new react)     [13:27]
05 참고_ReactDemo_프로젝트 생성 후 로컬 테스트 후 GitHub 리포지토리에 게시하는 전체 절차 설명     [06:50]
06 Temp 폴더에 dotnet new react 명령으로 풀스택 프로젝트 생성 및 실행 그리고 여러 가지 사용법 데모     [20:31]
07 Create React App으로 만든 리액트 프로젝트의 구조 간단히 살펴보기     [05:51]
08 현재 강의에서 만들어지는 최종 소스인 ReactMemo와 BookApp.React 프로젝트 다운 및 설치 그리고 실행하기 데모     [13:32]
09 순수 HTML 파일에 리액트 적용하기 소개     [06:42]
10 HelloReact_순수한 HTML 파일에서 리액트 헬로월드 예제 만들고 실행해보기     [18:21]
11 HelloReact_React Developer Tools 설치 및 createElement 함수에 속성 적용하기     [16:15]
12 HelloReact_중첩된 HTML 요소를 React_createElement 함수를 여러 번 사용해서 구현하기     [09:00]
13 HelloReact_Babel 라이브러리를 사용하여 JSX로 HTML 요소 작성하기     [06:29]
14 HelloReact_JSX에서 스타일 사용하기_className으로 CSS Class 적용하기     [11:03]
15 HelloReact_JSX 표현식 사용하기     [12:29]
16 HelloReact_함수 컴포넌트 만들고 JSX 표현식에 적용하기     [12:18]
17 HelloReact_Props_동적 개체인 props를 사용하여 컴포넌트에 전달된 속성 이름과 속성 값을 받아 사용하기     [19:34]
18 HelloReact_구조 파괴 할당(구조 분해 할당)을 사용하여 props를 좀 더 간결하게 사용하기     [09:22]
19 HelloReact_JSX에서 조건(3항) 연산자 사용하기     [11:14]
20 HelloReact_함수 컴포넌트와 클래스 컴포넌트_클래스로 컴포넌트 만들기     [07:37]
21 HelloReact_state와 setState로 상태 데이터를 저장하고 onClick 이벤트 처리기에서 상태 데이터를 수정하기     [15:48]
22 HelloReact_컬렉션 형태의 데이터 출력 및 부트스트랩으로 UI 꾸미기     [19:08]