2024년 1학기 현재, 3학년 2학기를 다니고 있다.(즉, 엇학기로 다니고 있다.)
내가 다니는 학교에서 컴퓨터공학부는 졸업프로젝트를 1년 단위로 진행한다.
사실 4학년부터 시작하는 것이 일반적이지만, 운이 좋게도 아는 사람들끼리 팀을 구성할 수 있어서 이번 학기부터 졸업프로젝트를 시작하기로 했다.
주제
팀원분들과 상의한 결과,
‘공공 데이터와 AI를 활용하여 개인 맞춤형 코스를 제공하는 웹 애플리케이션’ 을 개발하기로 했다.
크게 구현할 기능은 3가지로 나눌 수 있는데,
- AI를 활용한 사용자 정보 기반 코스 추천
- 실시간으로 공공데이터에 기반한 추천 제공
- 유저 간 코스 기록 및 공유
이렇게 기능을 개발할 예정이다.
초기 세팅
팀에서 프론트엔드는 나랑 다른 팀원, 총 두 명이다.
어제 만나서 같이 개발 환경을 어떻게 할 지 정하고, 또 구현했다.
개발 환경은 아래와 같이 세팅했다.
- 라이브러리 : React
- 언어 : TypeScript
- 패키지 매니저 : npm
- CSS 프레임워크 : css module - scss
- 전역상태관리 : zustand
- 통신 : fetch, axios, react-query
- 번들링 : vite (커스텀 세팅)
사실 CSS 전치리기인 SaSS(ScSS)에 대해서는 알고 있었지만 실제로 사용해본 적은 없어서, 이번 프로젝트가 이 전처리기들의 사용법들을 익힐 수 있는 좋은 기회가 될 것 같다.
그리고 ESLint와 Prettier도 같이 설정해줬는데 생각보다 복잡해서 조금 헤매기도 했었다. 하지만 구글링으로 정보를 찾아가면서 세팅을 완료했다.
바로 개발을 시작하지는 않고, 아마 제안서 등 문서들을 제출하고 또 프레젠테이션도 해야 비로소 개발을 시작할 수 있을 것 같다. 물론 그런 와중에 디자인을 정하는 등 팀원들과 모여서 회의는 계속 진행해야 한다. 틈틈이 작업하면서 어떻게 되어가는지 업데이트 해보려 한다!
