Web_Study

웹 프레임워크 스터디 코드를 담은 레포

Typescript 프로젝트에서 패키지 설치하기

해당 패키지도 설치하고, 패키지 앞에 @types/ 붙인 것도 설치하기 !!

$ yarn add styled-components & yarn add @types/styled-components

---

Project List

• Backend
  • GraphQL API
  • Nest App
  • AWS Server
• Frontend
  • Context API : React Context를 모듈화 시켜서 사용하는 방법에 대해 공부
  • Hooks Study : Functional Component를 100% 활용하기 위한 hook에 대한 탐구
  • Apollo App : Apollo client를 이용해 React 앱에서 GraphQL 로직 사용하는 방법 공부
  • Redux in TS

---

Study Plan

FrontEnd

• Redux
  • Typescript 환경에서 Redux 작업 시 필요한 세팅
  • 미들웨어
  • 비동기 처리 (thunk, saga)
• CSS in JS
• SSR (Next.js)
• CRA 없이 React 프로젝트 만들기
  • Babel
  • Webpack
    • 모듈 import 시, src 경로 설정하기
• 리액트의 성능을 끌어올리기 (Profiler)
• StoryBoard

Backend

• AWS 사용하기 (생활코딩 강의)
• Serverless (FaaS) 출처: https://velopert.com/3543

종합

• 호쏘공 프로젝트
• Nuber-Eats 클론 코딩