Wed Oct 1 9:30 PM(ing : 0s)
Deepmedi 홈페이지 리뉴얼
프로젝트 개요기존 외주 제작된 자사 홈페이지를 자체 개발 방식으로 리뉴얼하여, 서비스 품질과 유지보수 효율성을 개선한 프로젝트
프로젝트 과정2인 팀으로 프로젝트를 진행하였으며, 외부 디자인 시안을 기반으로 전체 프론트엔드 아키텍처를 설계하고 주요 기능 개발을 전담.
기술 스택Vite + React + TypeScript 기반의 빠르고 최적화된 웹 프로젝트로, 상태 관리, 슬라이더 구현, 다국어 지원, 스타일링, 사용자 인터랙션까지 완성도 있게 구성된 프론트엔드 애플리케이션
담당 업무

- 페이지 전반에 걸친 프론트엔드 개발 담당

- 외부에서 업데이트되는 뉴스 데이터를 실시간으로 연동하여 화면에 동적으로 표시하는 기능 구현

- 데이터 갱신 및 렌더링 최적화를 통해 실시간 사용자 경험(UX) 향상

트러블 슈팅
뉴스 데이터 최신성 문제문제

기존에는 보도자료를 수작업으로 선별해 JSON 파일로 정리하고, 페이지에서 해당 정적 데이터를 불러와 뉴스 리스트를 표시했음.

JSON 파일은 시간이 지나도 자동 업데이트되지 않아, 빠르게 변동되는 최신 뉴스를 반영할 수 없는 문제가 발생함.

결과적으로 정보 최신성 유지가 어려워 사용자 신뢰도와 경험(UX)에 부정적인 영향을 미쳤음.

원인 분석

정적 JSON 파일 방식은 초기 데이터 고정 이후 업데이트가 자동으로 이루어지지 않음.

빠르게 변화하는 뉴스 데이터를 실시간으로 반영할 수 없는 구조적 한계가 있었음.

문제 해결 및 성과

페이지 접속 시마다 외부 뉴스 소스에서 '딥메디' 키워드를 포함한 최신 뉴스를 실시간으로 불러오는 방식으로 구조 전면 수정

→ 사용자가 접속할 때마다 최신 뉴스 정보를 자동 반영

수동 JSON 업데이트 과정을 제거하여 유지보수 편의성 대폭 향상

→ 실시간 데이터 제공으로 정보 신뢰도 강화

실시간 뉴스 반영을 통해 사용자 경험(UX) 개선 및 서비스 품질 향상.