프론트엔드 로드맵 with React

아래 내용은 React를 사용하는 프론트엔드 개발자 기준으로 정리한 내용입니다.

---

언어(Language)

• JavaScript
• TypeScript

---

CSS

• SCSS
• SASS
• TailWind

---

라이브러리 & 프레임워크(Library / Framework)

• React.js
  • React Hooks
  • React Context API
• React Native
• Next.js
• 상태 관리(State Management)
  • Redux
    • Redux Toolkit
    • Redux Thunk
    • Redux Saga
  • Recoil

---

기타 프론트엔드 도구(Tools)

• 번들러(Bundle)
  • Webpack
  • Parcel
• Babel
• 코드 검사 및 정리(Code Linting & Formatting)
  • ESLint
  • Prettier
• 테스팅(Testing)
  • Jest
  • React Testing Library
  • Cypress

---

백엔드 및 데이터베이스(BackEnd & Database)

• Node.js (Express.js)
• 데이터베이스(Database)
  • MongoDB
  • SQL 데이터베이스(RDBMS) 선택 시
    • PostgreSQL
    • MySQL
• GraphQL

---

배포 및 환경(Deployment & Environment)

• Vercel
• Docker
• 클라우드 서비스(Cloud Service)
  • Amazon Web Services (AWS)
  • Google Cloud Platform (GCP)
• Continuous Integration / Continuous Deployment (CI/CD)