본문으로 건너뛰기
← 프로젝트 목록

프로젝트 소개

주식 투자에 대한 관심이 높아지는 시점에, 건강한 투자 문화를 위해 만든 서비스입니다. 국내 상장 기업의 공시 정보와 투자 용어를 제공하고, AI를 활용해 어려운 공시 내용을 누구나 이해하기 쉽게 요약해드립니다.

핵심 기술

아키텍처

공시공시 아키텍처

주요 기술 스택

Front-End
Next.jsTypeScriptTailwind CSSTanstack QueryRecharts
Back-End
FastAPILangChainGeminiSupabase
DevOps
GitHub ActionsDockerAWS App RunnerVercelSentryGoogle Analytics

트러블슈팅

Sentry 도입으로 런타임 에러 추적 체계 구축

문제

1인 개발 환경에서 배포 후 발생하는 런타임 에러를 직접 재현하거나 인지하기 어려웠습니다.

해결

Sentry를 연동하여 에러 발생 시 스택 트레이스, 사용자 환경, 재현 경로를 자동으로 수집하도록 구성했습니다.

결과

배포 후 에러를 실시간으로 감지하고 빠르게 대응할 수 있는 모니터링 체계를 갖추었습니다.

Google Opal로 캐릭터 이미지 생성 자동화

문제

서비스에 사용할 캐릭터 일러스트를 생성할 때마다 베이스 이미지 업로드와 프롬프트 작성을 반복해야 했습니다.

해결

Google Opal로 에이전틱 워크플로우를 구성했습니다. 컨셉을 입력하면 프롬프트 후보 3개를 자동 생성하고, 선택한 프롬프트를 미리 설계된 템플릿에 조합해 이미지를 생성하는 흐름을 만들었습니다.

결과

베이스 이미지와 프롬프트 틀을 워크플로우에 고정해두어 반복 작업을 제거했습니다.

스크린샷

공시공시 mobile 스크린샷 1공시공시 mobile 스크린샷 2공시공시 mobile 스크린샷 3공시공시 mobile 스크린샷 4공시공시 mobile 스크린샷 5공시공시 mobile 스크린샷 6공시공시 mobile 스크린샷 7공시공시 mobile 스크린샷 8공시공시 mobile 스크린샷 9공시공시 mobile 스크린샷 10공시공시 mobile 스크린샷 11공시공시 mobile 스크린샷 12공시공시 mobile 스크린샷 13공시공시 mobile 스크린샷 14공시공시 mobile 스크린샷 15공시공시 mobile 스크린샷 16공시공시 mobile 스크린샷 17공시공시 mobile 스크린샷 18공시공시 mobile 스크린샷 19공시공시 mobile 스크린샷 20공시공시 mobile 스크린샷 21