Mediasoup 화상 회의 시스템의 미디어 스트림 제어 전략
대규모 화상 강의 환경에서 리소스 최적화와 사용자 경험 사이의 균형점을 고민했다. 비디오는 페이지네이션으로 부하를 제한하되, 오디오는 끊김 없는 대화를 위해 모든 참가자 스트림을 상시 수신하는 전략을 채택했다. 특히 카메라 LED와 같은 물리적 피드백을 고려해 미디어 제어 방식을 설계함으로써, 성능과 사용자 신뢰도를 동시에 확보하고자 했다.
Notion API 블로그 성능 최적화
Notion API 기반으로 블로그를 제작하는 과정에서 API 중복 호출, 순차적 Table 블록 처리, 비효율적 관련 글 추천 등으로 성능 저하가 발생했다. 이를 계기로 API 최적화, 에러 처리, 폰트 최적화 등 개선 작업을 진행하게 되었다.
Notion API 초기 페이지 로딩 속도 개선
노션 API로 블로그를 구현하던 중, 페이지네이션과 총 게시글 수 계산을 위해 매번 전체 데이터를 불러오는 비효율적인 구조를 발견했다. 이를 개선하기 위해 메타데이터베이스 분리와 카테고리별 데이터베이스 설계 등 여러 최적화 방안을 시도했다.
Node.js WAS에서 일관된 에러 처리 구조 적용하기
WAS 게시글 조회 시 return null로 인해 에러 처리가 복잡해지는 문제를 경험하고, BaseError 상속 구조와 계층별 책임 분리를 적용하여 일관된 에러 처리 시스템을 구축하였다.
OCR과 Open AI의 응답 속도 개선
계약서 OCR과 OpenAI 기능에서 약 2분이 걸리던 로딩 시간을 페이지 분할, 병렬 처리, 즉시 렌더링을 통해 18초까지 단축하며, 비동기 처리 설계 방식에 대해 고민하게 되었다.
동적 폰트 로딩 전략
손글씨 커스텀 폰트 미리보기 기능을 개발하는 과정에서, 동적 폰트를 불러오는 데 시간이 꽤 소요된다는 점을 확인했다. 이를 개선하기 위해 WOFF2, 캐싱, TanStack Query, 스켈레톤 UI를 조합하여 최적화를 진행하고자 하였다.