Portfolio · Versatile Web Developer · Since 2022

정재준
Web Developer

인프라부터 코드 최적화까지, 기술적 호기심으로 서비스의 한계를 넓히는 MultiPlayer 입니다.

Java/Spring 기반의 대규모 서비스 유지보수 및 구축은 물론, AWS/NCP/OCI 인프라와 CI/CD 파이프라인 구축까지 수 많은 경험으로 서비스 전체 생애주기를 책임지는 역량을 갖췄습니다.

Profile

Experience

Projects

자생한방병원 썸네일
01성능 최적화 · 운영 개선

자생한방병원 레거시 성능 최적화

APM(Pinpoint)과 Google Lighthouse 분석을 통해 전체 응답 시간 5,223ms의 병목 원인을 4가지 핵심 지점으로 진단하고 해소했습니다. 실시간 이미지 최적화 엔진을 직접 개발해 원본 대비 최대 94% 용량을 절감했으며, JS/CSS Minify 파이프라인 자동화, IntersectionObserver 기반 Lazy Render 전환으로 TTFB 및 LCP를 유의미하게 개선했습니다.

# Performance Tuning # WebP/WebM # Pinpoint APM # Lighthouse # IntersectionObserver # Node.js # ETag Caching # Docker
HMG 준법경영지원시스템 고도화 썸네일
02구축 및 파견 · 약 7개월

HMG 준법경영지원시스템 고도화

현대자동차그룹의 준법경영지원시스템을 전면 고도화한 프로젝트입니다. JDK 업그레이드 및 Tiles → Thymeleaf 템플릿 엔진 전환, Maven → Gradle 멀티 모듈 마이그레이션, Tibero → PostgreSQL DB 이전을 주도했습니다. Jenkins Pipeline 스크립트 작성을 통한 CI/CD 자동화와 HMG-SSO 통합 로그인 도입, 다국어 기능 추가 등 시스템 현대화 전반을 담당했습니다.

# Spring Boot # Thymeleaf # Multi Module Gradle # Jenkins CI/CD # PostgreSQL # HMG-SSO # CKEditor5 # H-Cloud
기아통 H-Mate 리뉴얼 썸네일
03구축 및 파견 · 약 7개월

기아통(KTONG) & H-Mate 앱 리뉴얼

기아자동차(2~3만명)와 현대자동차(울산 공장 포함 약 7만명) 생산직 임직원이 사용하는 사내 앱을 리뉴얼한 프로젝트입니다. 보안 이슈로 현대자동차 원효로 사업장에 파견 나가 AutoEver와 공동 작업을 진행했으며, DRM·WAF·LB 등 고도의 보안 환경 속에서 DB 마이그레이션(Tibero → PostgreSQL)과 백엔드 보안 강화, 공통 모듈 재설계를 수행했습니다.

# PostgreSQL # MyBatis # Spring # XSS/CSRF Filter # Morpheus Framework # AutoWay API # WebView
에이스침대 썸네일
04유지보수 · 약 2년

에이스침대 유지보수 및 추가개발

국내 침대 브랜드 1위 에이스침대의 웹사이트를 장기간 유지보수한 프로젝트입니다. 높은 일일 방문자 수를 감당하는 AWS Load Balancer 환경에서 안정적으로 운영했으며, 웨딩멤버십 파일 관리 시스템 개선, 설문 점수 집계 기능 개발, 고객 후기 추천 기능 구현 등 다수의 기능 고도화 작업을 수행했습니다. SSL 갱신 및 인프라 관리까지 전담했습니다.

# AWS # Load Balancer # SSL # KendoGrid # CKEditor # Tiles # Google Analytics # EgovFramework
미래에셋박현주재단 썸네일
05유지보수 · 약 2년

미래에셋박현주재단 유지보수 및 추가개발

미래에셋박현주재단·미래에셋희망재단·관리자 총 3개 사이트를 장기 유지보수한 프로젝트입니다. 장학금·해외 파견·기부 시스템을 안정적으로 운영하면서, 지속적인 외부 공격으로 인한 서버 다운 사태를 계기로 NCP 기반 WAF/IPS를 도입했습니다. SQL Injection, XSS 등 보안 취약점 대응과 패밀리사이트 구조 개선(Nested Set Model)을 수행했습니다.

# NCP Cloud # WAF/IPS # Security Patch # Nested Set Model # NICE 인증 # SNS 로그인 # EgovFramework
KT&G lil 카카오싱크 추가 썸네일
06추가 개발

KT&G lil 카카오싱크 추가 개발

KT&G lil 서비스에 카카오싱크 간편가입을 도입한 프로젝트입니다. 기존 NICE 인증 Callback 구조를 단일화하고, 팝업 2개 방식의 브라우저 호환성 문제를 팝업 1개 + 리다이렉트 방식으로 개선했습니다. 카카오 마스킹 이메일 분기 처리, 카카오 인앱 window 객체 초기화 이슈 해결 등 OAuth 연동의 엣지 케이스를 꼼꼼히 대응했습니다.

# Kakao Sync # OAuth 2.0 # NICE 인증 # Legacy Integration # Spring Security # Popup/Redirect Flow
현대홈쇼핑 PLAN H 썸네일
07구축

현대홈쇼핑 PLAN H 구축

현대홈쇼핑이 유통업계 최초로 보험 대리점(GA) 시장에 진출하며 런칭한 대면 보험 설계 서비스 브랜드 PLAN H의 공식 사이트를 구축한 프로젝트입니다. 사용자·관리자 전반의 기능을 구현하고, Burp Suite를 활용한 패킷 변조 기반 모의 해킹 검증으로 보안 취약점을 사전에 차단하며 안정적인 런칭에 기여했습니다.

# Spring # EgovFramework # Burp Suite # Web Security # Naver Map API # SSL # CMS
HD현대건설기계 썸네일
08구축 · 레거시 최적화

HD현대건설기계 리뉴얼

HD현대건설기계 웹사이트 리뉴얼 프로젝트에서 RequireJS 세팅 및 사용자 화면 개발을 담당했습니다. 페이지별 필요한 스크립트만 선택적으로 로드하도록 RequireJS를 설계하여 초기 로딩 성능을 개선했으며, Instagram 썸네일 CORS 오류 해결, 제품 상세·비교 팝업 등 다양한 화면 개발을 수행했습니다.

# RequireJS # Spring Security # CORS # JavaScript # Spring # Legacy Optimization
모바일 청첩장 서비스 썸네일
09개인 프로젝트

개인 프로젝트: 모바일 청첩장 서비스

OCI(Oracle Cloud Infrastructure) 환경에 Nuxt.js 3 기반의 모바일 청첩장 서비스를 직접 기획·개발·배포한 풀스택 개인 프로젝트입니다. UnoCSS와 PrimeVue를 활용해 모바일 친화적 UI를 구축하였으며, 클라우드 서버 설정부터 배포까지의 전 과정을 혼자 경험했습니다.

# Nuxt 3 # Vue 3 # UnoCSS # PrimeVue # OCI # Full-stack # SSR

Tech Stack

Contact

함께 오래 쓰이는 서비스를 만들겠습니다.

운영과 구축, 모든 분야에서 열심히 하겠습니다. 편하게 연락주세요.