ReactJS [제작실습]

강좌구성
(17강) 전체 : 8시간 58분|평균 : 31분38초

수강기간
2개월

전문강사
알지오 R&D [IT]

ReactJS 인강 평생교육원 교육 안내
ReactJS는 페이스북에서 나온 사용자 인터페이스 빌드를 위한 자바스크립트 라이브러리입니다. ReactJS는 2013년도에 공개되어 빠르게 인기를 얻으며 성장하고 있으며, 2015년에는 REACT NATIVE가 발표되어, REACTJS는 모바일까지 확장되었습니다. 페이스북이라는 배경을 가지고 있기 때문에 앞으로도 꾸준히 업데이트될 예정이며 현재 페이스북과 인스타그램, 야후, 아틀라시아 등의 대규모 프로젝트에 사용되고 있습니다. 알지오 ReactJS [제작실습] 강좌를 통해 ReactJS의 모든 부분에 대해 자세하게 공부하여 빠른 정보화시대에 앞장설수있습니다.

01.34분 설치 및 기본
node에서 atom 페이지 기본

책갈피[00:00] 작업환경 프로그램/[05:07] create-react-app/[11:49] 도메인 포워딩/[14:13] 코딩에디터 ATOM 설치/[17:59] Terminal/[21:04] 속성확인/[26:30] 타이틀, 아이콘 변경/[28:34] Class
02.34분 app실행 구조 1
페이지와 서버가 구동되는 원리

책갈피[00:00] serviceWorker/[06:32] className/[11:00] 속도수정/[12:15] App-link/[16:25] 스타일시트/[28:04] 사용자컴포넌트
03.31분 app 실행구조 2
모듈과생성 그리고 매소드

책갈피[00:05] 생성자 반응별 콘솔/[08:46] 마운팅/[22:02] 하위 메소드
04.32분 app실행 구조 3
모듈과생성 그리고 매소드

책갈피[00:00] 마운팅, 갱신, 언마운팅/[24:53] 함수 만들어 연동/[28:46] src 하위폴더
05.33분 함수 및 js신규파일 연동
함수와 변수 단계별 연동 과정안내

책갈피[00:01] 단계 및 태그규칙/[04:58] 변수 상수 넘기는 파일/[10:38] prop객체, 프로퍼티/[18:13] 값이 없는경우/[25:52] 함수연동
06.30분 객체와 프로퍼티 1
함수, 프로퍼티 연동과 값설정 및 변경

책갈피[00:02] setState 의 여러사용법/[05:45] 100씩 증가, setState, state/[11:14] 함수 상수및 연속증가/[14:01] 값 출력 후 변경/[20:57] 클릭시 함수화 변경/[26:04] 인풋에 대한 타깃
07.31분 객체와 프로퍼티 2
함수, 프로퍼티 연동과 값설정 및 변경

책갈피[00:02] 디렉토리 속 디렉토리/[05:15] 클릭시 상황 정의/[11:25] 확장버튼, 신규 컴포넌트/[16:42] 추가 자식파일/[20:36] 연동 파일출력/[26:45] 버튼 클릭 시 제거 할 함수
08.30분 DOM Unique 마운트값
추가모듈, 반복자 콘솔 오류해결

책갈피[01:17] Key값, Unique, 설치/[05:41] react-html-id, 생성자, enableUniqueIds/[10:53] div, 어레이 요소/[15:33] 생성자/[21:45] 자식과 부모출력/[27:49] 조건충족 제거
09.29분 이전값 콘솔, PureComponent, 라우터
마운트, 난수, app페이지 기본

책갈피[00:01] 마운트 테스트/[25:36] [05:21] componentDidUpdate/[10:05] 난수발생, 메모리값/[15:21] router, react-router-dom/[20:24] 링크주소 정의/[25:36] match.params, Link
10.29분 app페이지 구성 1
페이지 만들고 함수 및 기능넣기

책갈피[00:03] css, NavLink, exact, 실제 스타일시트/[05:57] 상속, 스타일시트 추가 변경/[10:09] 보안페이지, 입력폼, 콘솔출력/[16:04] 참조값/[20:22] 조건 및 스위치문/[25:34] onKeyUp, bind
11.34분 app페이지 구성 2
페이지 만들고 함수 및 기능넣기

책갈피[00:04] alert출력, state, value/[06:10] onClick, css/[10:21] 상속관계, Button신규/[17:01] 추가버튼, redux관련설치/[21:55] reduxjs/[27:23] 요소블러와 ixdex.js세팅
12.29분 기본기 스페셜
동적과 정적, 이미지 출력

책갈피[00:01] 증가수, state, 호출, index/[07:43] props 정적/[13:02] 동적 데이터/[18:33] 컴포넌트 뷰/[26:55] 어레이 값 과 함수
13.33분 예제 프로젝트 github-fork-ribbon-css
계산기 완벽분석 내것으로 수정하기

책갈피[00:21] 계산기기능, 모듈설치안내/[06:04] 패키지, 파비콘, index[28:00]/[12:00] 컴포넌트/[21:55] 버튼들/[27:11] app, logic
14.29분 예제 프로젝트 clipboard

책갈피[00:02] 모듈설치/[05:11] 텍스트체인지/[10:35] Header.css/[14:38] App.js/[20:55] symbol /[24:40] 클릭하면심볼카피
15.36분 예제 프로젝트 redux-logger, thunk

책갈피[05:21] index.js/[09:59] 두개의매개변수/[15:30] 비동기작업/[19:25] page.js/[25:22] dispatch/[29:59] backgroundimg
16.29분 예제 프로젝트 axios 1

책갈피[04:06] 사이트구조/[08:06] UTF-8/[11:52] products 폴더 이미지내용 끌어오기 /[15:50] 장바구니 클리어하기/[21:04] 총액
17.35분 예제 프로젝트 axios 2

책갈피[00:02] 좌측로고 수정하기/[07:03] map함수/[14:45] onClick 메소드/[20:20] 최저,최고값 설정하기/[27:57] checkbox