숨쉬는 다람쥐

게이미피케이션 기반 대기 및 날씨 정보 서비스

프로젝트 개요

대기 오염과 날씨 정보를 단순히 제공하는 것을 넘어, 게이미피케이션 요소를 통해 사용자가 재미있게 정보를 확인하고 참여할 수 있는 서비스를 개발했습니다.

구분	기술
언어	JavaScript, TypeScript, Java, Python
프레임워크	React, Zustand, Spring Boot
API	OpenAI, OpenWeather, 공공데이터(에어코리아, 기상청)
서버	AWS EC2, Docker, RDS (MySQL), AWS Load Balancer
모니터링	Sentry, Google Analytics, WhaTap, JMeter

게임(떨어지는 도토리 받기), 일일 미션 체크, 미션 완료, 도토리 지급, OX 퀴즈, 로그인 등 주요 기능과 연동되는 백엔드 API를 활용하여 프론트엔드 기능 구현
메인, 대기질 조회, 날씨 조회, 옷 추천, 로그인, 문의하기 페이지 등의 레이아웃을 설계 및 구현

기존 서비스: 로그인이 필요한 서비스에 접근할 경우, 로그인하지 않은 상태라면 해당 페이지로 이동 시 바로 로그인 페이지로 강제 이동

사용자 피드백: 단순히 메뉴나 페이지 이름만으로는 어떤 서비스인지 파악하기 어렵고, 그 의도나 기능을 충분히 이해하기 어려움

해결: IT 서비스인 "요즘IT"를 참고하여, 로그인하지 않은 상태에서도 서비스의 특징과 기능을 어느 정도 파악할 수 있도록 페이지 디자인(구성)을 개선

초기 서버 다운 상황: AWS EC2 인스턴스에 접속 불가 현상이 있었고, 약 10분 이내에 AWS 내부 문제로 인해 복구됨

두 번째 서버 다운 상황:

AWS EC2 내 Spring Boot 애플리케이션 로그 및 Sentry 로그 분석을 통해, AWS RDS 데이터베이스의 max_connections 제한(프리 티어 최대 40)이 원인임을 확인
RDS 로그 분석 결과, 평소 평균 접속 수는 20대였으나, 사용자가 몰리는 시간대에는 30 후반대까지 치솟아 40에 도달하는 순간 DB와 애플리케이션 간 연결이 끊기며 서버 다운 발생

해결책: RDS 인스턴스의 티어를 한 단계 상향(small)하고, skip_name_resolve 옵션을 활성화한 뒤 VPC 설정을 적절히 조정함으로써 이후에는 동일한 서버 다운 현상이 재발하지 않음