GYUBAN 퍼블리싱 웹사이트 구현
Figma 디자인을 기반으로 정적 웹사이트를 구현한 퍼블리싱 프로젝트
프로젝트 개요
Figma 디자인 시안을 기반으로 HTML5, CSS3, JavaScript를 활용하여 브랜드 웹사이트를 퍼블리싱한 프로젝트입니다. 시맨틱 마크업을 적용하여 구조적인 웹 페이지를 구성하고, CSS Module 및 BEM 방식 네이밍을 통해 유지보수성을 고려한 스타일링을 진행했습니다. 또한 일부 반응형 레이아웃을 구현하여 다양한 해상도에서도 안정적인 UI를 제공하며, Vanilla JavaScript를 활용하여 인터랙션(모달, 전환 등)을 구현했습니다.
기술 스택
HTML5CSS3JavaScript (ES6)BEMResponsive Design
주요 성과
- 디자인 시안을 코드로 정확하게 구현한 퍼블리싱 경험
- 유지보수성을 고려한 CSS 구조(BEM) 적용
- 반응형 웹 구현을 통한 다양한 디바이스 대응