react_nodebird

인프런 React NordBird 강의 저장소 입니다.

중급자를 위해 준비한 [웹 개발, 프론트엔드] 강의입니다.
리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다.
끝으로 검색엔진 최적화 후 AWS에 배포합니다.

✍️ 이런 걸 배워요!

✔ 리액트 개발
✔ 리덕스&리덕스 사가
✔ 리액트 Hooks 사용
✔ Styled Components
✔ Ant Design
✔ SWR
✔ 서버 사이드 렌더링
✔ 검색 엔진 최적화
✔ AWS 배포

npm 설치 목록

• react
  • npm install react, npm install react-dom
• nextJS
  • npm install next@9
• antd, styled-componet
  • npm install andtd styled-components @ant-design/icons
• nextJS와 redux간의 상호 작용
  • npm install next-redux-wrapper@6 --force
• redux
  • npm install redux
• react와 redux의 상호작용
  • npm install react-redux
• 크롬 리덕스 플러그인 연동
  • npm install redux-devtools-extension
• redux thunk
  • npm install redux-thunk (thunk 보다 saga를 많이 씀)
• redux saga
  • npm install redux-saga
• eslint
  • npm i -D babel-eslint eslint-config-airbnb eslint-plugin-import
  • npm i -D eslint-plugin-react-hooks
  • npm i -D eslint-plugin-jsx-a11y
• shortId (유니크한 아이디 값을 만들기 위한 라이브러리)
  • npm i shortid
• faker (더미 데이터)
  • npm i faker

현재 진행중인 강의

• Redux 연동하기
  • 글로벌 스타일과 컴포넌트 폴더 구조. (09:18)