Loading summary...
머릿속에 있는 아이디어의 작은 프로토타입을 만들고 시각화된 결과물을 얻을 수 있는 프롬프트 소개. 초기 아이디어를 개선하고 다듬는 방법 설명.
Gemini 3 Pro용 프롬프트를 사용하여 구글 AI 스튜디오 빌드로 결과물을 바로 전송. AI 스튜디오 빌드를 통해 여러 Gemini 모델을 무료로 테스트 가능. Gemini 3 구독(유료, 월 20달러) 시 더 좋은 팁과 활용법 제공.
Gemini 3 Pro를 통해 초기 아이디어를 시각화하고 프로토타입을 제작할 수 있다.
프롬프트는 초기 아이디어를 작업 공간을 만들 수 있는 기술 지침 시스템으로 변환. AI 스튜디오 빌드에서 바로 사용할 수 있는 결과물을 생성하여 도구 생성.
프롬프트 볼트 소개 (설명란에 링크 제공). 좋은 프롬프트를 발견했을 때 저장하고 평생 사용할 수 있으며, 로컬에서 실행 가능.
프롬프트 내용을 메모장에 넣어 OCR을 통해 무료로 획득 가능. 화면을 캡처하여 AI에 보내고 OCR을 요청하는 방식.
프롬프트는 프롬프트 엔지니어 역할을 수행하며, 제시하는 프로젝트 아키텍처에 대한 솔루션 제안.
변수를 스페인어로 설정 (아이디어를 설명하는 부분).
AI가 컨텍스트, 역할, 액션, 아키텍처, 컴포넌트 아이디어 등을 제공.
프로그래밍 지식은 필수는 아니지만 프로젝트 구조는 이해해야 함. 각 줄의 정확한 기능은 몰라도 각 컴포넌트가 프로젝트 내에서 어떤 역할을 하는지는 알아야 함.
설정 패널에서 데이터 포인트의 변수를 제한하고 싶을 경우, 구체적인 위치를 명시하는 대신 일반적인 요청을 하면 AI가 애플리케이션 내에서 해당 위치를 찾아야 하므로 프로젝트가 커질수록 로직이 복잡해짐.
코드의 모든 줄을 이해할 필요는 없지만, 필요하다면 AI에게 문의하여 프로젝트의 목적을 파악.
빌드 시 에러 발생 시 페이지 새로 고침 후 재시도.
요청한 컴포넌트 (앱, 데이터 에디터, 설정 패널, 통계 미리 보기, 툴바 등)들이 코드 섹션에 나타남. 전체 섹션 구축.
초기 결과는 간단해 보일 수 있지만, 반복 작업을 통해 도구를 개선해야 함. AI 어시스턴트 기능은 작동하지 않을 수 있음 (API 연동 필요). PNG 내보내기 기능 확인.
초기 빌드 결과는 미흡할 수 있지만, 지속적인 조정과 개선을 통해 원하는 결과물을 얻을 수 있다.
초기 결과에서 30분 동안 도구를 조정하여 더 나은 결과를 얻음. 다양한 설정 옵션 추가 (애니메이션, 폰트, 지속 시간, 파일 형식, 품질, 프레임 속도 등).
색상 지정, 데이터 접근, CSV 내보내기/업로드 기능 추가. 일부 기능은 작동하지 않을 수 있으며, 지속적인 테스트와 조정 필요.
Gemini Pro 비주얼 스튜디오 코드를 사용하면 도구 개발 효율성을 높일 수 있음.
npm install 실행 (필요 라이브러리 설치).npm run dev 실행 (로컬 호스트에서 도구 실행).Gemini는 수정된 내용을 알려주고, 적용 여부를 선택 가능. 실수했을 경우 이전 프롬프트로 되돌릴 수 있음.
빠른 응답 속도, 프로젝트 발전 속도 향상.
Gemini Pro 비주얼 스튜디오 코드를 활용하면 코드 개발 및 디버깅 효율성을 극대화할 수 있다.
테스트와 아이디어 수집을 통해 도구를 계속 개선해야 함.
설명란에 관련 도구 링크, AI 사용법 무료 전자책 제공. 질문은 이메일로 문의.