화면 너비에 따라 PC/Mobile UI가 자동 전환되며 진행중이던 데이터는 유지되는 반응형 구조로 구현

JSP 하나로 구성된 SPA 구조, 모든 데이터 처리는 XHR 기반 비동기 통신으로 구현

라이브러리 없이 Vanilla JS로 MVC 패턴 구현

Oracle Cloud의 DB 인스턴스를 연동해 외부에서 접속 가능한 데이터베이스 구성 PG대행사 API 연동으로 카드, 카카오페이, 토스 결제 기능 구현

도메인 주소를 통해 IP대신 사용자 친화적인 URL접속 구현

프로젝트 개요

진행 기간 : 2025.06.21 ~ 2025 .07.20

개발 인원 : 1인 (디자인, 설계, 배포 전부담당)

제작 목적 : 백엔드 중심의 교육 과정을 수강하며 접하지 못했던 디자인 설계와 반응형 디자인을 구현하고 JS 단순 기능구현을 넘어 구조적이고 확장 가능한 방식으로 활용함으로써 풀스택 개발자로서의 역량을 갖추기 위해 프로젝트를 SPA로 개발

기술 스택

언어 : Java, HTML, CSS, JavaScript

서버 : Apache Tomcat

DB : Oracle Cloud DB

배포 환경 : AWS EC2(Ubuntu)

도메인 : NO-IP DDNS

API: 포트원(PortOne)