Next.js 기반 환경에서 컴포넌트 구조를 고려하여 레이아웃과 UI를 설계·작업했으며, 기존 퍼블리싱 방식과의 차이를 이해하고 프로젝트 구조에 맞게 적용했습니다.

프로젝트 초기 단계에서 구조를 정리하고, Next.js 환경의 컴포넌트 기반 구조를 고려한 레이아웃 및 UI를 설계·작업함으로써 이후 작업자들이 일관된 방식으로 작업할 수 있는 탄탄한 기반을 마련했습니다.

프로젝트 진행 중 타 프로젝트로 이동하게 되었지만, 이후 작업자들이 안정적으로 작업을 이어갈 수 있도록 레이아웃 구조와 스타일 가이드를 명확하게 정리했습니다.

SCSS 변수와 공통 컴포넌트 가이드를 정의하여 스타일 일관성과 재사용성을 높였습니다. 이를 통해 불필요한 중복 작업을 줄이고 유지보수 효율을 개선했습니다.

SVG의 clipPath 요소를 활용해 형태를 제어하고, hover 인터랙션을 구현하는 과정에서 관련 내용을 익혔습니다. 해당 내용은 따로 정리하여 팀원분들에게 공유하는 시간을 가졌습니다.