Simplicity 4 : 뒤에 개발자 있어요
ReactUI 컴포넌트디자인 시스템웹 성능CSS브라우저
AI 요약
Beta토스 디자인 컨퍼런스 Simplicity 4 사이트 개발 경험을 공유하는 글입니다. 이번 프로젝트의 핵심 목표는 다음 시즌에도 재사용 가능한 컨퍼런스 사이트를 만드는 것이었습니다.
이를 위해 세션 화면을 컴포넌트 단위로 템플릿화하고, 세션 정보를 시트에서 입력받아 쉽게 수정할 수 있도록 구조화했습니다. 특히, 각 세션 화면 간의 자연스러운 인터랙션 구현에 많은 고민이 있었는데, 플랫폼과 화면마다 다른 인터랙션 스펙을 고려하여 세션 템플릿의 구성 요소를 4분할하고 공통된 인터랙션 흐름을 정의하는 방식으로 해결했습니다.
또한, 모바일 환경에서의 다양한 브라우저(삼성, Safari 등) 대응 작업도 진행하며 웹 성능과 접근성을 고려한 개발 과정을 설명합니다.
이 글이 궁금하신가요?
원문 블로그에서 전체 내용을 확인해 보세요
원문 읽으러 가기
