ShowYourTime에 3:4 비율 기능을 다시 도입하며

안녕하세요, ShowYourTime 개발자 w0nder입니다. 이번 포스팅에서는 저희 앱에 4:3 비율 기능을 다시 추가하면서 개선한 내용을 공유하고자 합니다.

ShowYourTime에는 원래 4:3 비율 기능이 있었지만, 레이아웃과 여러 영역 조정 문제로 인해 잠시 기능을 제거한 적이 있습니다. 그런데 기능을 제거하자마자 앱 리뷰에서 사라져서 아쉽다는 유저 의견이 있었고, 이를 계기로 다시 도입을 고민하게 되었습니다.

이번 업데이트에서는 기존 기능을 단순히 복원하는 것에 그치지 않고, 사용자 경험을 향상시키기 위해 다양한 개선 사항을 함께 적용했습니다. 그 중에서도 가장 중점적으로 다룬 부분은 비율 변경 시 발생하던 화면 흔들림 문제를 해결하는 것이었습니다.

기존에는 비율 변경 시 카메라 영역의 크기를 직접 조정하는 방식을 사용했습니다. 이로 인해 비율 변경 시 카메라가 초기화되면서 초점을 다시 맞추는 과정을 거치게 되어 사용자에게 불편함을 주었습니다.

이를 개선하기 위해 카메라 영역을 4:3 비율로 고정하고, 그 위에 검은색 레이어를 겹쳐 놓는 방식을 택했습니다. 비율 변경 시에는 검은색 레이어의 높이를 조절하여 보이는 카메라 영역의 비율을 변경하도록 했습니다. 이를 통해 카메라 영역 자체는 변하지 않고 일정하게 유지되면서도, 사용자에게는 마치 카메라 영역의 비율이 변경되는 것처럼 보이게 하여 부드러운 변화를 구현했습니다.

그러나 이 과정에서 기존에 사용하던 border를 통한 모서리 라운드 처리를 적용할 수 없게 되었습니다. 이를 해결하기 위해 여러 아이디어를 고민하고 시도했습니다. 그 결과, 라운드 처리된 검은색 SVG를 카메라 영역 위에 겹쳐 올리는 방식으로 모서리 라운드 처리를 다시 구현할 수 있었습니다.

ShowYourTime은 앞으로도 사용자 여러분의 소중한 의견에 귀 기울이며, 끊임없는 개선과 혁신을 통해 더 나은 사용자 경험을 제공하기 위해 노력하겠습니다. 감사합니다.

영상과 함께 더 자세한 내용은 저희 블로그에 있어요!