번들링 툴을 어떤것으로 사용할지에 대한 고민을 했다. 최근에는 cra보다 빌드가 더 빠른 Vite를 많이 사용하기도 하고 저번 프리프로젝트에서 Vite도 사용해보고 현업에서도 많이 사용하기 때문에 이번 메인프로젝트에서도 Vite를 사용하기로 했다.
상태관리 툴은 redux와 redux-toolkit중에 고민했는데 좀 더 사용하기 쉬운 redux-toolkit으로 결정 했다.
전 프로젝트의 경우에서는 TS를 사용 안해도 프로젝트 규모가 작았기 때문에 타입에러를 크게 신경쓰지 않아도 됬었다. 하지만 이번에 메인프로젝트의 경우 전 프로젝트보다 규모가 클것으로 예상되서 TS를 사용하기로 했다.
API 통신으로는 axios를 이용해 api통신을 하기로 했다.
3명의 프론트팀원이 협업을 하기 때문에 일정한 띄어쓰기 형식이 필요하다. 코스과정중에서 셋팅했던 방식으로 셋팅을 하기로 했다.
스타일링은 css와 styled-component중 props로 매개변수도 받을 수 있고 프리프로젝트에서도 사용했었어서 익숙한 styled-component를 사용하기로 했다.