반응형
SMALL
코딩 1줄 없이 '나만의 AI 앱'을 만드는 미친 방법 (구글 최신 무료 AI툴) [CONNECT AI LAB]
코딩 1줄 없이 '나만의 AI 앱'을 만드는 미친 방법 (구글 최신 무료 AI툴)
목차
- Opal의 기본 개념 이해
- 1단계: Opal 접속 및 새 앱 생성하기
- 2단계: 앱 기본 구조 만들기 (입력 → 생성 → 출력)
- 3단계: 검색 기능 추가하기 (최신 정보 활용)
- 4단계: 이미지 생성 기능 추가하기 (멀티미디어 콘텐츠)
- 5단계: 참고 자료 추가하기 (콘텐츠 신뢰도 향상)
- 결론: 나만의 AI 앱 완성
1. Opal의 기본 개념 이해
Google Opal은 코딩 없이 시각적인 작업 흐름(Visual Workflow)을 연결하여 AI 앱을 만드는 도구입니다.
- User Input: 사용자의 명령이나 정보를 입력받는 곳입니다.
- Generate: AI 모델을 선택하여 텍스트, 이미지, 비디오 등을 생성하는 핵심 기능입니다.
- Output: 생성된 결과를 웹페이지, 문서, 슬라이드 등 원하는 형식으로 출력하는 곳입니다.
2. 1단계: Opal 접속 및 새 앱 생성하기
- 웹 브라우저에서 'Google Opal'을 검색하여 접속합니다.
- 접속 후 'Welcome to Opal' 페이지에서 Create new 버튼을 클릭하여 새로운 AI 앱을 만듭니다.
3. 2단계: 앱 기본 구조 만들기 (입력 → 생성 → 출력)
블로그 작성 앱을 예시로 기본 구조를 만들어 보겠습니다.
- User Input 설정:
- User Input 박스를 클릭하여 label에 원하는 문구를 입력합니다.
- 예시: "오늘 어떤 주제로 블로그를 쓸까요? 블로그 주제를 적어주세요."
- Generate 설정 (텍스트 생성):
- Generate 박스를 클릭하여 원하는 AI 모델을 선택합니다. (예: Gemini 1.5 Pro)
- Generate 박스의 왼쪽 노란색 원을 클릭해 User Input의 노란색 원에 연결합니다.
- Prompt 칸에 AI에게 줄 명령을 입력합니다.
- 예시: "당신은 블로그 전문가입니다. 이전 단계에서 받은 주제에 대해 흥미로운 블로그 글을 상세하게 작성해 주세요."
- Output 설정:
- Generate 박스에서 파란색 원을 클릭해 Output 박스의 파란색 원에 연결합니다.
- Output 박스를 클릭하여 출력 형식을 선택합니다. (예: Google Doc)
- 앱 실행:
- 우측 상단의 Preview 버튼을 클릭하여 앱 미리보기를 확인합니다.
- App 탭으로 전환한 후, 입력창에 주제를 입력하고 실행합니다.
4. 3단계: 검색 기능 추가하기 (최신 정보 활용)
AI 모델의 지식이 최신이 아닐 경우를 대비해 웹 검색 기능을 추가합니다.
- Generate 박스를 다시 클릭하여 우측 상단의 Search web 체크박스를 선택합니다.
- Prompt를 수정하여 AI가 웹 검색 결과를 활용하도록 지시합니다.
- 예시: "1. Search web 도구를 통해 최신 정보를 검색하세요. 2. 검색한 정보를 바탕으로 흥미롭고 전문가적인 블로그 글을 작성해 주세요."
- Preview 또는 App 탭에서 새로고침 후 다시 실행하여 검색 기능이 추가된 결과를 확인합니다.
5. 4단계: 이미지 생성 기능 추가하기 (멀티미디어 콘텐츠)
블로그 글에 시각적 요소를 추가합니다.
- 이미지 생성 Generate 노드 추가:
- Generate 박스를 하나 더 클릭합니다.
- 새로운 박스의 AI 모델을 이미지 생성 모델인 **Imagen 2**로 변경합니다.
- 프롬프트 요약 Generate 노드 추가:
- 장문의 블로그 글을 이미지 프롬프트로 바로 사용하는 것은 비효율적입니다.
- Generate 박스를 하나 더 추가하고 AI 모델을 텍스트 생성용(예: Gemini 1.5 Pro)으로 선택합니다.
- 이 박스의 Prompt에 "이 글의 핵심 내용을 요약해서 이미지 생성용 프롬프트로 만들어줘."라고 입력합니다.
- 텍스트 생성 Generate 박스의 파란색 원을 클릭해 요약용 Generate 박스의 노란색 원에 연결합니다.
- 최종 연결 및 출력 순서 설정:
- 요약용 Generate 박스의 파란색 원을 Imagen 2 Generate 박스의 노란색 원에 연결합니다.
- Imagen 2 Generate 박스의 파란색 원을 Output 박스의 파란색 원에 연결합니다.
- Output 박스를 클릭하여 이미지와 텍스트의 출력 순서를 Image → Text 순서로 재배열합니다.
- App 탭에서 실행 후 이미지가 포함된 결과를 확인합니다.
6. 5단계: 참고 자료 추가하기 (콘텐츠 신뢰도 향상)
콘텐츠의 신뢰도를 높이기 위해 참고 자료를 추가합니다.
- Generate 박스를 하나 더 추가하고 Deep research 기능을 활성화합니다.
- 이 박스의 Prompt에 "이 콘텐츠의 신뢰도를 높일 수 있는 참고 자료들을 조사하고 요약하여 목록으로 정리해 주세요."라고 입력합니다.
- 이 박스의 파란색 원을 Output 박스의 파란색 원에 연결합니다.
- Output 박스에서 출력 순서를 Image → Text → Research 순서로 재배열합니다.
7. 결론: 나만의 AI 앱 완성
이와 같은 절차를 통해 코딩 없이도 복잡한 작업을 수행하는 AI 앱을 만들 수 있습니다. User Input → Generate → Output의 기본 구조에 Search web, Imagen 2 등의 기능을 유기적으로 연결하여 여러분의 일상이나 업무를 자동화하는 맞춤형 AI 도구를 만들어 보세요.
반응형
LIST
'코딩' 카테고리의 다른 글
| [AI강의] 10분 만에 월 매출 25억 앱 개발?! 최신 AI 기술로 가능해졌습니다! OpenAI AI에이전트+ CURSOR AI [CONNECT AI LAB] (1) | 2025.09.08 |
|---|---|
| [AI업무자동화] 구글 오팔 Opal 미쳤습니다... N8N, 이제 안녕! (무료 AI 앱 생성기) [CONNECT AI LAB] (2) | 2025.09.08 |
| 티스토리 글 백업 — 단계별 매뉴얼 (1) | 2025.09.08 |
| 애드센스 승인 거절 메일 사이트 다운, 가치가 별로 없는 콘텐츠 해결 방법(+중복계정 해결) [알파남 - 부업으로 부자되는 방법] (1) | 2025.09.05 |
| 천재 개발자가 만든 코딩 AI, TIDEWAVE, 그냥 알아서 다 만들어줌 [친절한 개발자, 제임스] (1) | 2025.09.05 |