PopPuang · 원본 UI 기반 서비스 미리보기

PopPuang · 원본 UI 기반 서비스 미리보기

정적 미리보기 · 원본 HTML·이미지에 예시 순위 데이터를 넣고 간격을 조정했습니다. 실제 운영 화면·성과 수치는 아닙니다.

<aside> 🐲

3학년 때 팀을 이끈 첫 백엔드 프로젝트

푸앙이를 클릭하며 학과별 점수를 쌓고 순위를 확인하는 웹 서비스입니다. 회원가입·로그인에서 세션 관리·오류 처리·팀 기능 통합으로 개발 경험을 넓혔습니다.

</aside>

GitHub · 화면과 실행 안내 · README 변경 이력

01 · 프로젝트 개요

사용자는 학과를 선택해 가입하고 로그인한 뒤 푸앙이를 클릭합니다. 개인·학과 클릭 수와 학과별 리더보드를 연결한 웹 프로젝트입니다.

개발 기간은 2025년 7–8월입니다. 기술은 Java 21, Spring Boot 3.5.3, Spring MVC, Thymeleaf, JPA, PostgreSQL입니다.

02 · 만들고자 한 경험

캐릭터를 누르는 단순한 행동을 학과별 경쟁으로 연결했습니다. 클릭 애니메이션과 소리, 점수와 순위 표시, 1위 학과 로고 배경으로 사용자의 행동 결과를 보여줍니다.

03 · 나의 역할

3학년 때 처음으로 백엔드 개발을 맡고 팀을 이끈 프로젝트입니다. 회원가입·로그인·세션 관리와 기능 통합을 담당했습니다.

회원가입·로그인, 사용자 식별 통일, 서버 세션 전환, 가입 중복·로그인 실패 처리와 기능 브랜치 병합을 담당했습니다.

04 · 서비스 구조

Thymeleaf 화면 → Controller → Service → JPA Repository → PostgreSQL로 이어집니다.

회원가입·로그인은 UserService, 사용자·학과 점수 갱신은 ClickService, 학과별 점수 조회는 LeaderboardService로 나뉩니다. 로그인 성공 시 HttpSession에 LoginedUserDto를 저장해 홈과 클릭 처리에서 사용합니다.

05 · 구현 근거