Skip to content

soave424/ReactStudy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

ReactStudy

Section 01. 사전지식

  • Node.js와 패키지 매니저
  • Git와 Github
  • 코드 에디터와 Extensions
  • ECMAScript와 Bable

Section 01. 리액트 시작하기

  • ReactJS란 무엇인가?
  • ReactJS(Vue, Angular와의 비교. 특징. 장점, 단점 등)
  • ReactJS 설치 및 세팅 (create-react-app)
  • JSX
  • 가상 DOM

Section 02. 리액트 입문

  • 클래스형 Component
  • 함수형 Component
  • Props
  • State (useState,양방항 바인딩 등)
  • 이벤트 처리 (onClick. onChange 등)
  • 배열 렌더링 (Lists, map(), keys 등)
  • 조건부 렌더링 (삼항연산자, && 등)

Section 03. 리액트 기본

  • Component의 Lifecycle
  • Styled Components
  • Hooks (정의, 용도, 커스텀 Hook)
  • useState
  • useRef
  • useEffect
  • useMemo
  • useReducer
  • useCallback
  • useContext
  • 그 외의 Hooks

Option 01. 백엔드 통신

  • REST API
  • Axios
  • react-async

Option 02. 상태 관리

  • Redux
  • react-redux
  • ContextAPI
  • 그 외 상태 관리 라이브러리

Option 03. SPA와 라우팅

  • SPA
  • React-Router
  • useReactRouter

Option 04. 서버사이드 렌더링

  • SSR vs. CSR
  • Next.js
  • 그 외 React 서버사이드 프레임워크

Project. 스터디 프로젝트 과제

  • 자기소개 웹
  • 데이터 통신이 있는 웹
  • 상태관리를 이용한 웹
  • 서버사이드 렌더링을 이용한 웹
  • 자유주제

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published