쉽게 배우는 리액트(React.js) 앱 제작 실무

github url

수업내용 url : https://github.com/oddoddo/react-edu-0323.git

웹사이트 만들기 : https://github.com/oddoddo/-react-router-tailwind

커리큘럼

회차	세부내용	비고
1	수업소개, 실습 환경 구축, js기본, 컴포넌트 만들기, Props
2	Event, State
3	React Router DOM, styled-reset, styled-component, tailwind
4	Create, Update, Delete
5	Context API, useReducer
6	React-redux, 리덕스 툴킷, Next.js
7	감정 일기장 앱 만들기
8	감정 일기장 앱 배포

 

목차

[js] React ES6 기본 문법	https://odada.me/322
[js] 함수	https://odada.me/236
리액트란 무엇인가?	https://odada.me/250
리액트 패키지 설치, 필수 라이브러리	https://odada.me/251
JSX란 무엇인가?	https://odada.me/252
리액트 컴포넌트(Component)	https://odada.me/254
리액트 속성(Props, Properties)	https://odada.me/271
리액트 이벤트(Event)	https://odada.me/273
[Hooks] 리액트 상태(State)	https://odada.me/274
React Router Dom을 이용한 레이아웃 구성하기	https://odada.me/256
[style] styled-reset, styled-component, tailwind 으로 스타일링하기	https://odada.me/324
[style] Chakra-UI 로 스타일링 하기	https://odada.me/326
[실습] React로 반응형 웹사이트 만들기	https://odada.me/255
[실습] React Github, Netlify 배포	https://odada.me/279
[js] 클래스 함수	https://odada.me/247
[js] 비동기 처리	https://odada.me/309
[Hooks] 리액트 생명주기(LifeCycle), useEffect	https://odada.me/313
[실습] React 할 일 관리 앱 만들기	https://odada.me/314
[Hooks] useReducer	https://odada.me/317
[Hooks] 최적화	https://odada.me/315
[상태관리] Context API	https://odada.me/319
[상태관리] react-redux
Next.js
[실습] 블로그 앱 만들기