Project Refactoring 계획

수료 후, 팀원들과 project refactoring 계획을 세웠다.
사유 1 : 추가적인 기능구현으로 웹사이트의 완성도를 높이고 싶다.
사유 2 : 새로운 라이브러리, 프레임워크를 써보면서 리팩토링을 진행하고 싶다.

추후 일정 Step 1

1안 : 프로젝트 완성도 높이기 (스택 변화 없이 미완성 기능 보완)
2안 : 새로운 스택 도입해 프로젝트 리팩토링

회의 후 2안으로 채택했다.

이유는,
1. 우리가 Tailwind CSS만을 사용했는데, class명을 정하지 않아도 된다는 이점은 있었으나 코드가 보기 불편했다.
tailwind config 파일에서 고칠 부분이 많아서 (tailwind에서 기본 제공하는 픽셀크기와 우리가 config로 지정한 픽셀크기 둘 중 하나를 택해서 일관성있게 사용했어야 하는데 그러지 못해서 그림이 깨지거나 잘리는 문제가 몇개 있었다.)
아예 SCSS나 styled-components를 사용해서 리팩토링을 해보는 방법도 괜찮을 것 같다는 판단을 했다.
2. 1안을 진행하게 되면 어차피 2안도 추후에 또 진행해야 할 것 같아, 시간 단축을 위해 2안 선택이 현명해보였다.
3. 팀원들이 전부 공부에 의욕이 있었다. 무작정 빠른 취업보다는, 잘 맞는 팀원들끼리 지식+경험 축적하는 시간을 가지고 성장을 해보자, 하는 취지에서, Vue.js 등을 사용한 새로운 프로젝트도 함께 해보자는 결론이 났다.

그래서,

• 리팩토링 기간 : 2-3달 예상

• Github Repo를 새로 파서, Issue Card를 활용해 우리가 새로 사용할 스택에 대한 사전공부한 내용을 각자 기록해놓기

• 사용할 스택 :
  FE → TypeScript, Redux, Next.js, SASS/SCSS, React Query
  BE → TypeORM, TypeScript, Nest.js

• 화상회의보다는, 이제는 Github 사용을 연습하기 (Discussion 사용 생활화)

추후 일정 Step 2

새로운 프로젝트 시작

• 목적: 최대한 많은 라이브러리, 프레임워크 사용해보기
• 시도해보고자 하는 것들 : Vue.js, MobX / Recoil, styled-components, GraphQL ...