← 프로젝트 목록

한컴MDS 기업 웹사이트 구축

  • CMS에서 등록되는 콘텐츠 유형을 분석하고, 공통 마크업·스타일 가이드와 콘텐츠 페이지 템플릿 구축

사용 기술

  • HTML5
  • CSS3
  • Responsive Web
  • JavaScript
  • jQuery
  • JSP
  • CMS
  • SVN
기여도
80%

담당 업무

  • 한컴MDS 웹사이트 메인 및 서브 페이지 퍼블리싱
  • 회사 내부 디자인을 기준으로 퍼블리싱 스타일 가이드 제작
  • CMS에 등록되는 콘텐츠에 적용할 마크업 및 스타일 기준 수립
  • CMS에서 출력되는 콘텐츠 페이지 템플릿 구축
  • JSP 서버 환경에서의 페이지 코딩 및 개발 연동
  • 다국어 페이지와 다양한 해상도에 대응하는 반응형 UI 구현
  • 최소 디바이스 320px부터 최대 디바이스 2560까지 고려하여 반응형 퍼블리싱 진행

주요 작업 내용

  • 회사 내부에서 제작한 디자인 시안을 바탕으로 메인·서브 페이지 퍼블리싱
  • 공통 레이아웃과 반복 UI를 재사용 가능한 클래스 구조로 구성
  • 업체에서 제공한 CMS에 등록될 제목, 본문, 이미지, 표 등 콘텐츠 유형 분석
  • 콘텐츠 유형별 마크업 구조와 스타일 적용 기준 수립
  • CMS 데이터가 출력되는 콘텐츠 상세 페이지 템플릿 구축
  • 콘텐츠의 길이와 구성 변화에 대응할 수 있는 유연한 레이아웃 구현
  • JSP 서버 템플릿 구조에 맞춰 HTML 마크업 적용 및 개발 연동
  • PC·태블릿·모바일 환경에서 콘텐츠와 UI가 안정적으로 표시되도록 화면 검수
  • 내부 디자인을 웹 전반에 일관되게 적용할 수 있는 퍼블리싱 스타일 가이드 마련
  • CMS에 등록되는 다양한 콘텐츠에 공통으로 적용할 수 있는 마크업 및 스타일 기준 수립
  • 반복되는 UI와 콘텐츠 유형을 공통화해 일관성과 유지보수성을 고려한 구조 구현
  • 가변적인 CMS 데이터와 다국어 콘텐츠에 유연하게 대응하는 레이아웃 구성

PC 화면

한컴MDS 기업 웹사이트 구축 PC 이미지

모바일 화면

한컴MDS 기업 웹사이트 구축 모바일 이미지