Bento 그리드로 포트폴리오 재구성
이전 버전의 기록
출시됨
요약
CSS Grid 기반 Bento 레이아웃과 GSAP 시퀀스로 포트폴리오 허브를 다시 짠 기록. 지금의 데스크톱 버전 이전에 쓰던 구조입니다.
출시2026-01-05
상태출시됨
플랫폼—
기록
목표
여러 프로젝트를 한 화면에서 연결하는 허브가 필요했습니다. 시각적 임팩트와 읽기 흐름을 동시에 만족시키는 것이 목표였습니다.
구조
CSS Grid 기반 Bento 레이아웃에 GSAP 시퀀스로 리듬을 만들고, 루트와 /journal, /privacy, /terms, /contact를 분리해 탐색을 단순화했습니다.
돌아보면
그리드가 화면 크기에 따라 계속 재배치되면서 정보의 위치가 흔들렸습니다. 지금의 데스크톱 메타포는 그 문제를 "위치가 고정된 공간"으로 푸는 시도입니다.