Postman Clone Coding

목표

8월 25일까지 최대한 포스트맨과 유사한 앱을 만들기

데모

https://est-react-study.github.io/postman-junil/

기술스택

• create-react-app
• react-app-rewired
  • CRA의 설정을 덮어쓰기 위함
  • eject를 사용하지 않기 위함
  • 관련링크
    • Create-React-App에서 Eject사용안하기(customize-cra, react-app-rewired)
    • react-app-rewired repository
• cross-env
  • 운영체제에 종속되지 않는 환경변수 설정을 위함.
  • Node.js 기반에서 환경변수 사용하기 (dotenv, cross-env)
  • cross-env repository
  • 여러 개의 변수를 설정하는 방법
• typescript
  • 한눈에 보는 타입스크립트
  • TypeScript and React
• hook
• react-redux
• redux-saga
• recoil
  • 페이스북에서 직접 만든 상태관리 라이브러리
  • 공식문서
  • Recoil 알아보기
  • Recoil vs Redux | The Ultimate React State Management Face-Off
  • Recoil - 또 다른 React 상태 관리 라이브러리
  • 사용 예제 Repository
• @emotion/core
  • 공식문서
  • CSS 2019 - CSS IN JS
    • emotion이 제일 만족도가 높다.
  • emotion을 활용한 크몽 프론트엔드 스타일링 시스템
  • 다양한 방식의 리액트 컴포넌트 스타일링 방식
  • emotion vs styled-component
  • Thinking about emotion js vs styled component
    • 이 포스트가 제일 잘 정리된 것 같습니다.
• react-router-dom
• next
• Apollo GraphQL
• ES6 Module
• history
• rest
• core-js
• axios
• formik
• yup
• react-table 7
• docker
• aws
• eslint + prettier setting
• webpack
• React Testing Library + Jest
• Sass @mixin and @include