HD현대건설기계 리뉴얼

Overview

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

Key Tasks

• RequireJS Setting 작업 - Shim 설정, 외부 라이브러리 의존성 관리 체계 구성
• 각 페이지 내 필요한 스크립트만 선택적으로 로드되도록 RequireJS 모듈 설계
• 게시판 형태의 화면 개발 (미디어, 뉴스 등)
• 제품 상세 페이지 개발
• 제품 비교 팝업 개발
• Instagram 게시글 썸네일 불러오기에서 발생한 CORS 에러 분석 및 Spring Security CORS 설정으로 해결
• RequireJS 적용으로 페이지 내 팝업 JS와 메인 JS의 스코프 충돌 문제 해결

Outcomes

• RequireJS 도입으로 페이지별 필요 스크립트만 로드, 초기 로딩 성능 개선
• CORS 이슈 해결로 Instagram SNS 콘텐츠 연동 기능 정상화
• 모듈화된 JS 구조로 유지보수성 향상