GIF Converter 업데이트 및 고뇌

최종 수정일 : (2주 전)
비디오 크롭 업데이트
움짤 출처 : 탱갤 R_ 님

비디오를 움짤로 변환할 때 종종 필요 없는 부분을 잘라야 할 때가 있어서, 관련 옵션을 업데이트해봤습니다.
쉽게 보고 시작했는데, 8방향 모두 크기 조절이 가능하도록 업데이트하는 게 쉬운 일은 아니더라고요.

앱에서 확인해보시면 아시겠지만, 일단 비디오를 크롭하는 것까진 성공했고 스케일을 조정해도 문제없이 gif 이미지가 나오는 것까진 확인해서 기능 제작은 끝났습니다. 이제 기능 제작보다 더 큰 난관 하나만 해결하면 되는데…

이벤트 리스너 추가
파일에서 보기

삼항 연산자를 쓰니 가독성이 떨어지고, 그렇다고 죽 늘어놓자니 미관상 좋지 않아 고민의 고민을 거듭하는 중인 부분입니다.
삼항 연산자로 떡칠하면 나중에 봤을 때 크게 후회할 것 같아 일단 한 방향만 움직이는 것, 두 방향으로 움직이는 것, 두 개로 구분해서 나눠뒀는데 아무리 봐도 이게 최선은 아닐 것 같네요.

비디오 크롭
파일에서 보기

마찬가지로 크기 조절하는 함수들도 다 고만고만하게 생겨서 어찌 잘만 하면 하나나 두 개로 합쳐볼 수 있지 않을까 싶은데, 쉬이 감이 안 오네요.
보통 이런 건 생각을 아예 다른 방향으로 해야 해결되는데, 제 생각에 갇혀버려 답이 안 나오는 것 같습니다.

추가로, 터치와 클릭 좌표 받는 건 event.touches ? event.touches[0].clientX : event.clientX면 문제가 생길 여지가 없어 보이는데, 타입스크립트는 항상 시비를 거네요. any 쓰기 싫어서 보통 handleMouseDown handleTouchDown처럼 두 개로 나눠서 쓰는데, 이번엔 그러면 너무 스파게티 코드가 될까봐 그냥 any를 썼습니다.

profile

이메일 주소를 발행하지 않을 것입니다.

주의 : 비밀 댓글 사용 시 수정 기능을 이용할 수 있는 시간이 지나면 작성자도 내용 확인이 불가능합니다.
카카오페이 qr코드 모바일이시라면 클릭