[HD]페이스북에서 만든 오픈 소스 자바스크립트 React(리액트) 프로그래밍 입문 Part.1
| 담당강사 | 박용준 | 강의구성 | 총 22차시 |
|---|---|---|---|
| 수강기간 | 30일 | 제작연도 | 2020년 |
| 결제하기 | 증빙서류 | 수료증 | |
| 교안/예제 |
|
||
참고사항
| 강의 목차 | 강의 제목 | 수강 여부 |
|---|---|---|
| 1 | 리액트 프로그래밍 입문 강의 시작 [14:20] | |
| 2 | 리액트 개발 환경 구축 및 클라우드 기반 데브옵스 설정하는 전체적인 절차에 대한 데모 [82:21] | |
| 3 | Windows 환경에서 리액트 개발 환경 구축 및 리액트 프로젝트 생성하는 2가지 방법 설명 [32:37] | |
| 4 | 두 가지 방식으로 리액트 프로젝트를 만드는 방법 설명(create react app과 dotnet new react) [13:27] | |
| 5 | 참고_ReactDemo_프로젝트 생성 후 로컬 테스트 후 GitHub 리포지토리에 게시하는 전체 절차 설명 [06:50] | |
| 6 | Temp 폴더에 dotnet new react 명령으로 풀스택 프로젝트 생성 및 실행 그리고 여러 가지 사용법 데모 [20:31] | |
| 7 | Create React App으로 만든 리액트 프로젝트의 구조 간단히 살펴보기 [05:51] | |
| 8 | 현재 강의에서 만들어지는 최종 소스인 ReactMemo와 BookApp.React 프로젝트 다운 및 설치 그리고 실행하기 데모 [13:32] | |
| 9 | 순수 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] |
개발사에서 다양한 업체들에 콘텐츠를 납품하고 서비스를 제공하고 있습니다.
개발사 인증 및 상장
