three js기반 썸네일 맨드는 속도를 4배 개선시킨 방법 ( w. Claude )
개요 지금 개발하고 있는 프로덕에는 에디터가 있는데 지도(Map)와 건물을 렌더링 해주어 도면을 보여주고, 편집이 가능한 복잡한 구조를 가지고 있습니다. ThreeJS를 이용해서 2D 화면과 3D 화면을 지원하고, 최근까지는 React-Three-Map을 사용하다가, 미래 목표를 위해 걷어낸 상황이고 ThreeJS와 mapbox의 Tile을 사용해서 맵을 구현한 상황입니다. 여기서 여러 종류의 썸네일 즉 최종 도면의 사진을 찍는 기능이 있습니다. 저희 프로덕트의 사용자가 편집을 했거나 생성된 솔루션을 보려면 썸네일이 빨리 만들어지는것은 사용자의경험 면에서 아주 아주 아주 필수적인 기능입니다.결과적으로 클로드와 같이 썸네일 생성 속도 개선을 이루어습니다. 그 과정을 함께 보시죠 !! 문제 발견Thumbn..
2026.03.15