HD현대 브랜드가이드 / HD Brand Bay
기존 서비스를 빠르게 분석해 기능 개발을 이어가면서 프론트엔드, 백엔드, 데이터베이스, AWS 운영 환경을 함께 정리한 프로젝트입니다.
Overview
타 구축사가 개발한 Next.js·Spring Boot 서비스를 인수해 기존 코드와 데이터 흐름을 파악한 뒤 유지보수와 신규 기능 개발을 진행했습니다. Figma 산출물을 바탕으로 화면과 공통 컴포넌트를 개발하고 Spring Boot API와 연계했습니다. 서비스를 HD 통합 유지보수 AWS 환경으로 옮기면서 PostgreSQL을 MySQL로 전환했고, 반복되는 이관 작업을 줄이기 위한 Python 기반 Migration 프로그램도 개발했습니다. 보안 점검 결과에 맞춰 XSS, 관리자 IP 접근 제어, JWT 만료 정책도 보완했습니다.
Background
타 구축사가 개발한 서비스를 인수한 뒤 짧은 시간 안에 화면 구조와 API, 데이터 흐름을 파악해야 했습니다. 동시에 AWS 운영 환경 이관과 DBMS 변경이 예정되어 있어 신규 기능 개발과 인프라 전환을 병행했습니다. 보안 점검에서 확인된 항목도 서비스 오픈 일정에 맞춰 반영해야 했습니다.
Tech Stack
frontend
# Next.js # React # TypeScript # Figma
backend
# Java # Spring Boot # REST API
database
# PostgreSQL # MySQL # Python
infra
# AWS # Linux
security
# XSS 대응 # 관리자 IP 접근 제어 # JWT 정책
Key Tasks
- 기존 Next.js·Spring Boot 프로젝트 구조와 코드 흐름 분석
- 신규 페이지와 React 공통 컴포넌트 개발, Spring Boot API 연계
- 기존 AWS 환경에서 HD 통합 유지보수 AWS 환경으로 서비스 이관
- PostgreSQL → MySQL 전환 및 데이터 타입 차이와 정합성 검증
- 반복 이관 작업을 위한 Python 기반 Migration 프로그램 개발
- 보안 점검 결과에 따른 XSS, 관리자 접근 제어, JWT 만료 정책 보완
Outcomes
- 기존 서비스를 인수한 뒤 구조를 파악하고 신규 개발과 유지보수를 이어갈 수 있는 상태로 정리
- AWS 운영 환경과 DBMS 변경에 맞춰 애플리케이션 설정 및 데이터 전환 작업 수행
- 반복되는 데이터 이관 과정을 프로그램으로 정리해 수작업 범위 축소
- 관리자 접근 제어와 인증 정책 등 운영 환경의 보안 요구사항 반영
Insights
- 인수 프로젝트에서는 새로 만드는 것보다 기존 코드와 운영 규칙을 먼저 파악하는 일이 중요했습니다.
- DBMS 전환은 스키마 복사만으로 끝나지 않아 데이터 타입, 쿼리, 실제 데이터까지 함께 확인해야 했습니다.
- 화면 개발과 API, 데이터, 운영 환경을 함께 보면서 변경 위치에 따른 영향 범위를 더 빠르게 판단할 수 있었습니다.