Simplicity 4 프로젝트 개발 경험 공유

이 게시물은 토스 디자인 컨퍼런스 Simplicity 4 사이트 개발 과정에서의 기술적 고민과 해결 방안을 다룹니다.

재사용 가능한 컨퍼런스 구조화

• 세션 화면을 12개 템플릿으로 나누고 4분할 요소로 구성하여 인터렉션 통일
• 기기별, 플랫폼별 인터렉션 차이를 휴리스틱으로 조절

다양한 브라우저 대응과 성능 최적화

• 모바일 Safari의 비디오 재생 정책 문제 해결을 위한 우회 및 UI 조정
• 로드 최적화를 위해 gif를 webp로 교체하고 필요한 에셋 순차 로드 적용
• React memoization과 스타일 직접 변경으로 렌더링 성능 개선

프로젝트를 통한 팀원들의 소감

• 개발 과정에서 스펙 포기 없이 새로운 형태 컨퍼런스 개발 성취감
• 동료 간 긍정적 분위기 속 어려움 극복