초기 단일 측정에서 도메인 구조 비용이 56% 감소했으나 5회 반복 측정 후 평균 +1.8%(비용 +11.3%, 토큰 +13.6%)로 수렴하는 것을 관찰하여 단일 결과가 아닌 반복 측정의 필요성을 입증했습니다.

전역 루트 AGENTS.md 단일 배치(비용 -3.4%)보다 작업 위치와 가까운 17개 로컬 AGENTS.md 지역화 배치(비용 -9.8%)가 AI Agent의 비용과 토큰을 더 효과적으로 절감함을 입증했습니다.

AI가 직관적 폴더 트리보다 심볼 앵커 맵, 책임 경계, 금지 패턴과 대안, 코드 밖의 함정을 중심으로 맥락을 파악한다는 점을 정립하고 AGENTS.md 작성 원칙을 제시했습니다.

주제 작성 > 댓글 참여 > 실시간 세션 > 결과 아카이브로 이어지는 협업 흐름을 설계해 지속적인 지식 공유 경험을 구현했습니다.

TanStack Start 기반 서버 함수 구조를 활용해 인증, 주제 작성, 세션 제어, 댓글·인사이트 저장 등 주요 동작을 타입 안정성이 있는 API 흐름으로 구성했습니다.

Polling 방식에서 6명 참여 기준 세션당 1만 건 이상의 요청이 발생하는 문제를 확인하고, Server-Sent Events(SSE) 기반 실시간 통신 구조로 전환했습니다. 이를 통해 불필요한 반복 요청을 줄이고, 여러 사용자가 동시에 참여하는 세션에서도 상태 변경, 댓글, 인사이트가 실시간으로 동기화되도록 구현했습니다.

팀원들의 사용 의견을 수렴한 결과, 웹사이트에 직접 접속해야 하는 과정에서 세션 참여와 알림 인지가 늦어진다는 문제를 확인했습니다. 이를 해결하기 위해 Tauri 기반 데스크톱 실행 환경과 알림 기능을 도입하여 기존 웹 서비스를 데스크톱 사용 흐름으로 확장하고, 새로운 세션과 주요 이벤트를 즉시 인지할 수 있도록 개선했습니다.

Playwright E2E 테스트로 주제 작성, 권한별 세션 참여, 실시간 동기화, 결과 확인, 삭제 흐름까지 주요 사용자 시나리오를 검증했습니다.

Safari iOS 환경에서 PG 결제가 앱 정책과 충돌하는 문제를 마주했고, 정책을 변경하기보다 가능한 구현 범위를 중심으로 결제 플로우를 구성했습니다.

외부 PG 페이지로 이동하면서 서비스 Header와 화면 제어 흐름이 끊기는 문제를 해결하기 위해 결제창을 iframe으로 구성했습니다. 결제 완료 페이지가 iframe 내부에 마운트되면 postMessage로 완료 이벤트를 부모 페이지에 전달하고, 부모가 이를 수신해 iframe을 종료한 뒤 결제 완료 화면으로 전환하도록 설계하여 외부 결제 UI의 생명주기를 서비스 내부에서 일관되게 제어했습니다.

쉬운 글 변환 효과를 정확하게 전달하기 위해, 사용자가 원문을 입력하고 변환 결과를 같은 화면에서 비교하는 체험형 인터페이스를 핵심 진입점으로 구현했습니다.

초기에는 Intro.js로 온보딩 튜토리얼을 구현했지만, 라이선스를 검토하는 과정에서 상용 서비스에 적용하기에는 제약이 있을 수 있다는 점을 확인했습니다. 이에 라이선스 부담이 적고 React 환경에서 활용하기 쉬운 react-joyride로 교체해 온보딩 튜토리얼을 구현했습니다.

입력, 변환 결과, 테마 전환과 튜토리얼 동작을 Vitest로 검증하고 테스트 커버리지 100%를 유지하였습니다.

실시간 주가 데이터의 미세한 가격 변동을 효과적으로 표현하기 위해 현재 가격 기준 ±0.1% 범위로 Y축을 동적으로 구성하고, 새로운 데이터가 유입될 때 차트가 연속적으로 갱신되도록 구현했습니다.

실시간 주가 데이터를 지속적으로 조회하면서 발생할 수 있는 불필요한 요청을 줄이기 위해, 종목과 화면 활성화 여부를 기준으로 SWR 요청을 조건부로 실행하고 3초 주기의 재검증과 key 기반 캐싱으로 데이터 갱신 흐름을 구성했습니다.

AI 분석 데이터 조회 실패가 전체 투자 화면의 오류로 이어지지 않도록 예외를 분리하고, 분석 데이터를 불러오지 못한 경우에도 주가 그래프와 뉴스 정보를 이용할 수 있도록 구성했습니다.