AI로 만든 '주식 분석 마스터 실습 웹앱' 제작기

김김동일2026. 3. 31.조회 1

소개

시도하고자 했던 것과 그 이유 주식 투자 입문자와 숙련자들이 이론으로만 배우던 차트 분석과 프롬프트 작성을 직접 실습해 볼 수 있는 '교육용 올인원 웹앱'을 제작하고자 했습니다.

단순한 정보 전달을 넘어, 사용자가 직접 조건을 입력하면 최적화된 AI 분석 프롬프트를 생성해주고, 퀴즈를 통해 실력을 점검할 수 있는 인터랙티브한 환경을 구축하는 것이 목표였습니다.

진행 방법

어떤 도구를 사용했고, 어떻게 활용하셨나요?

  • 사용 도구: Google Gemini (제미나이), ANTIGRAVITY (안티그래비티) 환경

  • 활용 방법: 제미나이에게 '금융 공학 전문가'이자 '시니어 웹 개발자'라는 페르소나를 부여하여 단일 HTML 파일 코드를 추출했습니다.

  • 한국어 텍스트가 있는 검은 화면
    한국사이트 스크린샷

결과와 배운 점

배운 점과 나만의 꿀팁

  • 제미나이의 코딩 능력: 복잡한 UI 요구사항과 자바스크립트 로직을 단 한 번의 프롬프트로 완벽하게 구현해 냈습니다. 특히 실시간으로 텍스트가 조합되는 '프롬프트 레시피' 기능의 로직이 매우 깔끔하게 작성되었습니다.

  • 안티그래비티 기반의 브랜딩: 결과물 상단에 'Designed for students by ANTIGRAVITY' 문구를 배치하여 교육용 도구로서의 신뢰도와 전문성을 높였습니다.

과정 중에 어떤 시행착오를 겪었나요?

  • 캔들 색상 동기화: 제미나이가 처음에는 글로벌 표준(상승 초록)을 따르려 했으나, 제 개인적인 스타일 가이드(상승 빨강, 하락 초록)를 명확히 제시하여 한국 투자 정서에 맞는 인터페이스를 완성했습니다.

댓글 0개

로그인하고 댓글을 작성하세요

AI로 만든 '주식 분석 마스터 실습 웹앱' 제작기 | GPTers