# 개발 블로그 엔트리 이번 작업에서는 Lab 프로젝트의 라이팅 맵 시스템을 V2부터 V6까지 확장하고, 새로운 '에세이드라이브' 태그를 추가했습니다. 기존에는 단일 버전의 라이팅 맵만 지원했는데, 사용자들이 다양한 글쓰기 스타일과 목적에 맞는 여러 변형을 요청하면서 이를 반영하기로 결정했습니다. 이번 업데이트를 통해 사용자들은 자신의 필요에 맞는 최적의 라이팅 맵을 선택할 수 있게 되었으며, 각 버전은 서로 다른 구조와 가이드라인을 제공합니다. 기술적으로는 7개의 파일을 수정하여 약 2,000줄 이상의 코드를 추가했습니다. 각 버전별 맵 데이터 구조를 체계적으로 정의하고, 버전 간의 호환성을 유지하면서도 차별화된 특성을 살렸습니다. AI와의 협업을 통해 각 라이팅 맵 버전의 콘셉트와 사용 시나리오를 검토했으며, 이를 바탕으로 더욱 직관적이고 실용적인 구조로 개선할 수 있었습니다. 새로운 '에세이드라이브' 태그는 특히 흥미로운 기능입니다. 이 태그는 사용자들이 장형 에세이나 깊이 있는 글쓰기를 할 때 해당 라이팅 맵을 쉽게 찾고 활용할 수 있도록 돕습니다. 분류 체계를 더욱 정교하게 만들어 사용자 경험을 크게 개선했으며, 앞으로 더 많은 태그와 맵 버전을 추가할 때도 이 기초가 든든한 토대가 될 것 같습니다.
# Lab 프로젝트: 인터랙티브 모션 그래픽스 실험실 구축 이번 주에는 **Lab**이라는 새로운 프로젝트를 시작했습니다. 이는 다양한 인터랙티브 시각화와 모션 그래픽스를 실험해볼 수 있는 공간으로, Writing Map이라는 첫 번째 실험을 포함하고 있습니다. 핵심 기능은 태그 기반의 궤도 시스템(orbit system)으로, 노드들이 중력처럼 작동하는 스프링 상수에 따라 움직이며 상호작용합니다. 초기에는 93개의 태그가 있었지만, 유사한 카테고리들을 병합하여 75개로 정리함으로써 더 깔끔한 정보 구조를 만들었습니다. UI/UX 측면에서는 사용자 경험을 다듬기 위해 여러 반복 작업을 거쳤습니다. 패널이 의도하지 않게 닫히는 문제를 수정했고, 호버 모션의 강도를 절반으로 줄여 과도한 움직임을 방지했습니다. 또한 캔버스 외부를 클릭하면 패널이 닫히도록 하는 직관적인 상호작용을 추가했으며, 스프링 상수를 조정하여 노드의 자석력 유지도를 최적화했습니다. 뷰포트의 가로/세로 비율에 따라 궤도의 반지름을 자동으로 조정하는 반응형 설계도 적용했습니다. 기술적으로는 Vite 빌드 시스템과 호환성 문제를 해결하고, 문법 오류를 제거하며 네비게이션 버튼을 복구하는 과정을 거쳤습니다. AI와의 협업을 통해 복잡한 물리 시뮬레이션 로직을 다듬고 사용자 인터랙션 플로우를 설계했습니다. 이 프로젝트는 단순한 시각화를 넘어 사용자가 정보를 탐색하는 방식 자체를 재정의하는 실험이 될 것으로 기대합니다.