큰 틀은 다음과 같다. React + Node 를 사용하여 간단한 플래너 서비스를 구현해보려고 한다.
새로운 서비스 기능을 만들고 구현하여 상품화 시켜 수익을 낼 목적이 아닌 개인 공부의 목적이기에 계획 정리 플랫폼들의 여러 기능을 짜집기해서 만들어보려고 한다.
우선 풀스택으로 진행할 것이다. 익숙한 프론트에서는 사용하지 않았던 공부하고 적용해보고 싶었던 기술을 접목할 것이며 벡엔드는 거의 기초 수준이기 때문에 강의를 병행하며 서버를 구현해보려고 한다.
우선 사용할 프론트 기술은 다음과 같다.
개발언어 + 프레임워크 : React + Typescript
서버상태관리 : Tanstack Query ⭐️
상태관리 : Zustand ⭐️
CSS : TailwindCss ⭐️
번들러 : Vite
포멧터 : Prettier
기초 구현 이후 건들일 부분 : Storybook , shadcn/ui
여기서 별표 친 것은 새로 접목하는 기술이다.
벡 쪽은 사실 거의 도화지 상태이기 떄문에 나열하기는 어렵고 Node.js를 사용할 것이다.
우선 생각하고 있는 벡 기능은
- 간편 로그인 기능
- 회원 정보 CRUD 기능
- 각 회원이 저장한 정보 CRUD 기능
정도 생각하고 있고 익숙해지고 공부하는 대로 추가해갈 예정이다.
Material Ui나 제공된 컴포넌트를 가져오면 프로젝트의 속도를 높힐 수 있는데 그러면 Tailwind를 다루는 것을 연습하는데 도움이 되지 않을 것 같기 때문에 일단은 백지 상태에서 디자인을 해보려고 한다.
우선은 상태관리에 대해 공부를 진행하려고 한다. 서버 상태 관리와 컴포넌트 내부의 상태 관리 그리고 벡엔드 통신을 할 수 있는 기반을 마련하기 위한 공부를 마친 후 프로젝트를 들어가려고 한다.
