기록

기존에 React, Redux로 3년은 더 된 회사의 프로젝트를 다시 재구성하여 작업을 진행할 기회가 생겨 프로젝트 설정부터 완료까지 혼자 진행한 회고록이다. 1. 기술 스택 설정 - 기존에 사용하던 스택으로는 React, Redux, Redux-Saga, Antd, Styled-Component, Typescript 였고 presentational & container 패턴을 이용하여 제작을 주로 사용하였다. 다른 기술들과 비교점을 찾아가며 협업과 개발에 더 편리한 스택을 찾기 위해 새로운 기술 스택을 도입하였다. React 프레임워크인 Next를 채택하였고 상태 관리로 Mobx, UI프레임워크로 MetarialUI를 사용하였다. 컴포넌트를 더 세분화하고 재사용성을 더 높이기위해 Atomic디자인 패턴..

Package 설치 npm i @material-ui/core npm i -D @types/material-ui 커스텀 material ui의 버튼 커스텀 theme 설정 src/styles/theme.ts import { createMuiTheme } from '@material-ui/core'; export const theme = createMuiTheme({ overrides: { MuiButton: { root: { background: '#fac499', color: '#ffffff' } } } }); material theme 주입 src/_app.tsx import { ThemeProvider } from '@material-ui/styles'; import type { AppProps }..