Simplicity 4, 모바일 환경 최적화 비결!
by DD
1년 전
조회수 8
재사용 가능한 컨퍼런스를 위해 템플릿 기반 구조를 설계함
모바일 Safari의 브라우저 호환성 문제 해결을 위해 우회 방법을 사용함
로드 최적화를 통해 모바일 환경에서 성능 개선을 달성함
템플릿 기반 UI 구조 설계
구체적으로 12개 템플릿을 4가지 요소로 분할하여 재사용성을 높였다. 따라서 각 요소에 애니메이션을 적용하여 자연스러운 인터랙션을 구현했다. 반면, 기기별 높이를 고려하여 휴리스틱한 위치 계산을 통해 렌더링 정확도를 확보했다.
브라우저 호환성 확보 전략
모바일 Safari의 비디오 재생 제약으로 인해 오디오 우회를 시도했다. 하지만, 브라우저 정책으로 인해 실패하여 버튼 터치 방식으로 변경했다. 결과적으로 의 를 해결하기 위해 을 활용했다.
