블로그 목록
레거시 리뉴얼PHPNext.jsPageSpeedCore Web VitalsOWASP금융사 홈페이지베트남 홈페이지 제작진단

레거시 PHP → Next.js — 신한증권 베트남 홈페이지 진단에서 배운 것

모바일 PageSpeed 19점 · 7.2MB 레거시 사이트를 어떻게 진단하고, 무엇을 숫자로 계약했는가. 신한증권 베트남 홈페이지 재구축 제안(착수 전)에서 정한 자 — 6축 갭 분석, 계약 보장치, 12페이지 데모.

2026년 9월 17일7 min read

이 글은 신한증권 베트남 공식 홈페이지 재구축의 진단·제안 단계 기록입니다. 본 개발은 아직 착수 전이라, 여기 나오는 숫자는 실측 진단값과 계약 보장치이지 완료 결과가 아닙니다.

문제

오래된 PHP와 커스텀 CMS로 구축된 홈페이지를 운영 중이라면, 지금의 상태가 얼마나 심각한지 객관적으로 파악하기 어렵습니다. 페이지 로딩 속도가 느려 모바일 환경에서 계좌 개설이나 문의 같은 핵심 전환으로 이어지지 않는 경우가 많습니다. 기술적 부채가 쌓여 아무도 코드를 손대기 두려워하는 상황이 지속되고 있습니다. 이러한 레거시 시스템은 비즈니스 기회를 놓치게 만드는 숨겨진 비용으로 작용합니다.

왜 어려운가

레거시 시스템의 문제점은 숫자로 명확히 드러나지 않아, 느낌만으로 리뉴얼을 진행하면 개선 여부를 증명할 근거가 부족합니다. 금융사는 엄격한 브랜드 가이드라인과 보안 규제, 법적 고지 의무가 있어 디자인 단계부터 제약이 많아 자칫하면 개발이 지연되거나 되돌아가는 일이 빈번합니다. 또한 한국 본사와 베트남 법인이 서로 다른 화면을 보며 회의를 진행하면 의사결정 과정이 꼬여 프로젝트가 정체되기 쉽습니다. 이러한 구조적 문제는 단순한 코드 수정만으로는 해결할 수 없습니다.

우리가 한 것

착수 전 기존 사이트의 모바일 PageSpeed 점수를 19점, 페이로드를 7.2MB로 실측하여 현황을 수치화했습니다. IA, i18n, 색상, 타이포, 레이아웃, UX 등 6개 축으로 갭 분석을 수행하여 전체 갭을 약 60%로 산정했습니다. 스택은 Next.js 16(App Router, SSR+ISR)과 Sanity CMS, Cloudflare Pro WAF 로 제안하고 12개월 무상 유지보수를 포함했습니다. 통과 기준은 계약 수치로 제안했습니다 — PageSpeed 모바일 65점 이상, LCP 2.5초 미만, CLS 0.10 미만, INP 200ms 미만, OWASP Top 10 Critical/High 0건. Schema.org 6종(FinancialService, FinancialProduct 등)으로 AI 검색 인용 구조를 설계에 넣었습니다. 한국 본사와 베트남 현지가 동일한 화면으로 검토할 수 있도록 12개 페이지 HTML 데모 패키지를 먼저 제작했습니다. 회의에서 말로 설명하는 대신 같은 화면을 열어 놓고 항목별로 결정하니, 의사결정 항목 8개를 표로 올려 한 미팅에서 다뤘습니다. 일정은 8주로 잡았습니다 — 1주 킥오프, 2~3주 디자인, 4~6주 개발, 7주 마이그레이션·QA·UAT, 8주 런칭·모니터링. 2026-07 견적이 확정됐고 본 개발은 착수 전입니다.

숫자로 보면

지표값비고
현황 실측PageSpeed 19점 · 7.2MB리뉴얼 전 모바일 기준
갭 분석Phase 1 시안 적합도 40% → 85%6축 분석 결과
데모 패키지12 페이지본사·현지 공통 검토용
계약 보장치PageSpeed ≥65 · LCP <2.5s · OWASP Critical/High 0계약 수치(제안)
프로젝트 일정8주 · 12개월 무상 유지보수계획
지원 언어3개 (vi · ko · en)다국어 사이트 구성

이 글이 말하는 것

레거시 리뉴얼은 단순히 코드를 교체하는 작업이 아니라, 무엇을 자를 것인지를 명확히 정하는 의사결정의 과정입니다. 프로젝트 시작 전에 현재 상태를 정확히 재고, 동일한 기준으로 끝난 뒤 다시 측정해야만 진정한 개선이 입증됩니다. 오늘 할 일은 지금 사이트 주소를 PageSpeed Insights에 입력하여 모바일 점수, LCP, 페이로드 세 가지 숫자를 기록하는 것입니다. 이 세 숫자가 향후 계약서의 첫 줄이 되어 프로젝트의 성패를 가르는 기준이 됩니다.

더 읽기


CoreCode 는 호치민에 법인을 둔 한국 개발팀입니다. 기업용 AI · 베트남 진출 기업의 웹·앱 · 토스 앱인토스 미니앱을 만들며, 데모가 아니라 운영되는 것을 납품합니다. 지금 상태를 알려 주시면 30분 상담에서 수치로 정리해 드립니다 — 30분 상담 신청.