SSAFY 사람들과 진행한 첫 프로젝트 - Babp

URL : https://ssabab.com
GitHub : https://github.com/haeri-ne

소개

싸피 대전 캠퍼스의 식단에 대한 선호도를 조사하는 앱

구성

App : Vue(Front) + FastAPI(Back) + Sqlite(DB)
Infra : Vercel(Front) + AWS EC2(Back, DB) + S3(DB Backup)

팀원

김*리(Front), 황*혁(Back), 유승현(Infra)

SDS (요약)

문제 발생

1. Front .env파일의 중요성
   배포할 때 모든 url을 전부 서버 도메인으로 바꾸면서 굉장히 후회했습니다. 이를 계기로 .env를 도입했고, Vite의 경우 환경변수 앞에 꼭 VITE_ 가 붙어야 한다는 사실을 알았습니다.
2. Nginx와 SSL
   기존의 계획은 EC2가 아니라, 제 개인 PC를 24시간 돌릴 예정이었습니다. 하지만 Nginx 세팅이 너무 힘들어서 2일간 시도하고, 일단 EC2로 배포를 하자고 결정했습니다.
3. 코딩 전 설계 부족
   SDS를 작성하면서 설계를 충분히 했다 생각했으나, 프로그램을 만들고 보니 생각보다 구조가 효율적이지 못했습니다.
   예를 들어 AdminView.vue 의 경우 local에서는 잘 돌아갔으나 배포를 해서는 해당 url을 따로 사용하는 것이 되지 않았습니다. 이를 늦게 알고 admin 페이지를 따로 만들었습니다.
4. 로그의 어려움
   처음으로 로그를 도입했는데, 한 사람이 평가 하나만 해도 로그가 약 20개씩 쌓였습니다. 또한 이걸 브라우저에 저장하고 있다가 제출하기 버튼을 누르거나 페이지를 옮길 때 제출되게 했더니 제출하기 버튼을 눌렀을 때 제출이 너무 느린 문제가 있었습니다. 이런 설계 미스가 너무 아쉬워웠습니다.

피드백

감사하게도 많은 분들이 피드백을 주셨습니다.

성과

2025.04.03 11시 쯤 배포를 했고 14시까지 수집된 데이터가 굉장히 만족스러웠습니다.

back_logs 7443개

front_logs 6414개

score 216개

앞으로 진행할 과정

1. 피드백 반영
2. 로그 전송 수정
3. 서버 추가 구매 또는 개인 pc로 서버 전환
4. DADE를 도입하여 메뉴 추천 기능
5. 한 줄 맛평가 기능 추가
6. 평가 요약 기능 추가