[Tips] Lovable ํ”„๋กฌํ”„ํŠธ ๋ฐ ํ†ตํ•ฉ ์ „๋žต

Posted by Euisuk's Dev Log on August 18, 2025

[Tips] Lovable ํ”„๋กฌํ”„ํŠธ ๋ฐ ํ†ตํ•ฉ ์ „๋žต

์›๋ณธ ๊ฒŒ์‹œ๊ธ€: https://velog.io/@euisuk-chung/Tips-Lovable-ํ”„๋กฌํ”„ํŠธ-๋ฐ-ํ†ตํ•ฉ-์ „๋žต

Lovable ํ”„๋กฌํ”„ํŠธ ๋ฐ ํ†ตํ•ฉ: ๊ฐ•๋ ฅํ•œ ๋‚ด์žฅ ํ†ตํ•ฉ์œผ๋กœ ์•ฑ ๊ธฐ๋Šฅ ํ–ฅ์ƒํ•˜๊ธฐ

์ด ๊ธ€์€ Lovable์˜ ๊ณต์‹ ๋ฌธ์„œ์ธ Prompts & Integrations์„ ๋ฒˆ์—ญํ•˜๊ณ  ์ •๋ฆฌํ•œ ์ฝ˜ํ…์ธ ์ž…๋‹ˆ๋‹ค.

https://docs.lovable.dev/prompting/prompt-integrations

๊ฐœ์š”

Lovable์€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๊ณ ๊ธ‰ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ๊ด‘๋ฒ”์œ„ํ•œ ๋‚ด์žฅ ํ†ตํ•ฉ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. AI ๊ธฐ๋ฐ˜ ์ฒ˜๋ฆฌ, ๋ฌธ์„œ ์ž๋™ํ™”, ๋˜๋Š” UI ๊ฐœ์„ ์ด ํ•„์š”ํ•˜๋“  ๊ด€๊ณ„์—†์ด, Lovable์ด ๋ชจ๋“  ๊ฒƒ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์ด ๊ฐ€์ด๋“œ๋Š” Lovable์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋‹ค์–‘ํ•œ ํ†ตํ•ฉ ์˜ต์…˜๊ณผ ๊ฐ๊ฐ์„ ํšจ๊ณผ์ ์œผ๋กœ ํ™œ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์†Œ๊ฐœํ•ฉ๋‹ˆ๋‹ค. AI ๋ชจ๋ธ๋ถ€ํ„ฐ ๋น„์ฆˆ๋‹ˆ์Šค ๋„๊ตฌ๊นŒ์ง€, ๊ฐ ์นดํ…Œ๊ณ ๋ฆฌ๋ณ„๋กœ ์‹ค์šฉ์ ์ธ ์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ์™€ ํ•จ๊ป˜ ์„ค๋ช…ํ•ฉ๋‹ˆ๋‹ค.

์ค‘์š” ์‚ฌํ•ญ: ์ด๋Ÿฌํ•œ ํ†ตํ•ฉ์„ Lovable์—์„œ ์‚ฌ์šฉํ•˜๋ ค๋ฉด ์ž์ฒด API ํ‚ค๋ฅผ ์„ค์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

AI ๋ฐ LLM (๋Œ€ํ˜• ์–ธ์–ด ๋ชจ๋ธ)

์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ค๊ณ , ์›Œํฌํ”Œ๋กœ์šฐ๋ฅผ ์ž๋™ํ™”ํ•˜๋ฉฐ, ์ฝ˜ํ…์ธ ๋ฅผ ์ƒ์„ฑํ•˜๋Š” ์ง€๋Šฅํ˜• ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•ด ์ตœ๊ณ ์˜ AI ๋ชจ๋ธ์„ ํ†ตํ•ฉํ•˜์„ธ์š”:

์ง€์› ๋ชจ๋ธ

  • OpenAI ๋ชจ๋ธ - ์š”์•ฝ, ๋ถ„์„, ์ฝ˜ํ…์ธ  ์ƒ์„ฑ์— ์ด์ƒ์ . ๋น ๋ฅด๊ณ  ์‹ ๋ขฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • Anthropic ์ตœ์‹  ๋ชจ๋ธ - ๋ณต์žกํ•œ ์ถ”๋ก ๊ณผ ์‹ฌ์ธต ๋ถ„์„์— ๋›ฐ์–ด๋‚ฉ๋‹ˆ๋‹ค.
  • Google ์ตœ์‹  ๋ชจ๋ธ - ๋…ผ๋ฆฌ์  ์ถ”๋ก ๊ณผ ๊ธด ์ปจํ…์ŠคํŠธ ์ฒ˜๋ฆฌ์— ๊ฐ•ํ•ฉ๋‹ˆ๋‹ค.
  • Groq - Llama 3์œผ๋กœ ๊ตฌ๋™๋˜๋Š” Create์—์„œ ๊ฐ€์žฅ ๋น ๋ฅธ AI ๋ชจ๋ธ.
  • Cohere Command R+ - ๋น„์ฆˆ๋‹ˆ์Šค ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•ด ์„ค๊ณ„๋œ ํ™•์žฅ ๊ฐ€๋Šฅํ•œ LLM.

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

์ผ๋ฐ˜ AI ๊ธฐ๋Šฅ:

1
Build a grammar-enhancing writing assistant using [AI model].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ๋ฒ•์„ ๊ฐœ์„ ํ•˜๋Š” ๊ธ€์“ฐ๊ธฐ ๋„์šฐ๋ฏธ๋ฅผ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

๊ณ ๊ฐ ์ง€์›:

1
Create a chatbot that provides customer support using [AI model].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ณ ๊ฐ ์ง€์›์„ ์ œ๊ณตํ•˜๋Š” ์ฑ—๋ด‡์„ ๋งŒ๋“œ์„ธ์š”.

์—ฐ๊ตฌ ๋„์šฐ๋ฏธ:

1
Develop an AI-powered research assistant with [AI model].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[AI ๋ชจ๋ธ]๋กœ AI ๊ธฐ๋ฐ˜ ์—ฐ๊ตฌ ๋„์šฐ๋ฏธ๋ฅผ ๊ฐœ๋ฐœํ•˜์„ธ์š”.

ํ…์ŠคํŠธ ๋ถ„์„:

1
Build an app that uses [AI model] for text analysis.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
ํ…์ŠคํŠธ ๋ถ„์„์„ ์œ„ํ•ด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜๋Š” ์•ฑ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์ฝ˜ํ…์ธ  ์ƒ์„ฑ:

1
Create a tool that uses [AI model] for content generation.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์ฝ˜ํ…์ธ  ์ƒ์„ฑ์„ ์œ„ํ•ด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“œ์„ธ์š”.

๋ฌธ์„œ ๋ถ„์„:

1
Build an app that uses [AI model] to analyze long documents.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
๊ธด ๋ฌธ์„œ๋ฅผ ๋ถ„์„ํ•˜๊ธฐ ์œ„ํ•ด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜๋Š” ์•ฑ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

๋‹ค๋‹จ๊ณ„ ์ถ”๋ก :

1
Create a tool that uses [AI model] for multi-step reasoning.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
๋‹ค๋‹จ๊ณ„ ์ถ”๋ก ์„ ์œ„ํ•ด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“œ์„ธ์š”.

์‹ค์‹œ๊ฐ„ ๋ถ„์„:

1
Create a tool that uses [AI model] for real-time analysis.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์‹ค์‹œ๊ฐ„ ๋ถ„์„์„ ์œ„ํ•ด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“œ์„ธ์š”.

๋น ๋ฅธ ์‘๋‹ต:

1
Build a chatbot that uses [AI model] for quick responses.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
๋น ๋ฅธ ์‘๋‹ต์„ ์œ„ํ•ด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜๋Š” ์ฑ—๋ด‡์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

๋งˆํฌ๋‹ค์šด ๋ Œ๋”๋ง:

1
Generate blog posts and display them using [Markdown Renderer].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
๋ธ”๋กœ๊ทธ ํฌ์ŠคํŠธ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  [Markdown Renderer]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ‘œ์‹œํ•˜์„ธ์š”.

์ด๋ฏธ์ง€ ๋ฐ ๋น„์ „

์ด๋ฏธ์ง€ ๋ถ„์„, ๊ฐœ์„  ๋ฐ ์ƒ์„ฑ์„ ์œ„ํ•œ ์ตœ์ฒจ๋‹จ ๋น„์ „ API๋ฅผ ํ™œ์šฉํ•˜์„ธ์š”. Lovable์€ ๋‹ค์Œ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค:

์ง€์› ์„œ๋น„์Šค

  • GPT-4 Vision
  • Stable Diffusion
  • DALL-E
  • Pexels
  • Exa

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

์ด๋ฏธ์ง€ ๋ถ„์„:

1
Let users upload photos and analyze them using [AI model].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์‚ฌ์šฉ์ž๊ฐ€ ์‚ฌ์ง„์„ ์—…๋กœ๋“œํ•˜๊ณ  [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ„์„ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜์„ธ์š”.

์ œํ’ˆ ์‚ฌ์ง„ ์ƒ์„ฑ:

1
Generate high-quality product photos with AI enhancements.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
AI ๊ฐœ์„  ๊ธฐ๋Šฅ์œผ๋กœ ๊ณ ํ’ˆ์งˆ ์ œํ’ˆ ์‚ฌ์ง„์„ ์ƒ์„ฑํ•˜์„ธ์š”.

ํ…์ŠคํŠธ ์ถ”์ถœ:

1
Extract text from images using [AI model].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€์—์„œ ํ…์ŠคํŠธ๋ฅผ ์ถ”์ถœํ•˜์„ธ์š”.

์ด๋ฏธ์ง€ ์ƒ์„ฑ:

1
Let users describe an image and use [AI model] to create it.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์‚ฌ์šฉ์ž๊ฐ€ ์ด๋ฏธ์ง€๋ฅผ ์„ค๋ช…ํ•˜๋ฉด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์„ฑํ•˜๊ฒŒ ํ•˜์„ธ์š”.

๋กœ๊ณ  ์ƒ์„ฑ:

1
Create a tool that uses [AI model] for logo generation.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
๋กœ๊ณ  ์ƒ์„ฑ์„ ์œ„ํ•ด [AI ๋ชจ๋ธ]์„ ์‚ฌ์šฉํ•˜๋Š” ๋„๊ตฌ๋ฅผ ๋งŒ๋“œ์„ธ์š”.

์Šคํ†ก ์‚ฌ์ง„ ๊ฒ€์ƒ‰:

1
Find stock photos of specific objects using Pexels.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
Pexels๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํŠน์ • ๊ฐ์ฒด์˜ ์Šคํ†ก ์‚ฌ์ง„์„ ์ฐพ์œผ์„ธ์š”.

์—ฐ๊ตฌ ๋…ผ๋ฌธ ๊ฒ€์ƒ‰:

1
Retrieve the latest AI research papers with Exa.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
Exa๋กœ ์ตœ์‹  AI ์—ฐ๊ตฌ ๋…ผ๋ฌธ์„ ๊ฒ€์ƒ‰ํ•˜์„ธ์š”.

UI ์ปดํฌ๋„ŒํŠธ

์ ‘๊ทผ ๊ฐ€๋Šฅํ•œ ๋””์ž์ธ๊ณผ ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ UI ์ปดํฌ๋„ŒํŠธ๋ฅผ ์œ„ํ•ด ๋‹ค์Œ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค:

๊ถŒ์žฅ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

  • 21st.dev
  • Chakra UI
  • shadcn/ui

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

ํผ ๊ตฌ์„ฑ์š”์†Œ:

1
Add a form using [Chakra UI] components.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Chakra UI] ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํผ์„ ์ถ”๊ฐ€ํ•˜์„ธ์š”.

๋Œ€์‹œ๋ณด๋“œ:

1
Build a dashboard with [Chakra UI] layout.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Chakra UI] ๋ ˆ์ด์•„์›ƒ์œผ๋กœ ๋Œ€์‹œ๋ณด๋“œ๋ฅผ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

๋ฐ˜์‘ํ˜• ๋„ค๋น„๊ฒŒ์ด์…˜:

1
Create a responsive navbar using [shadcn/ui].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[shadcn/ui]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ˜์‘ํ˜• ๋„ค๋น„๊ฒŒ์ด์…˜ ๋ฐ”๋ฅผ ๋งŒ๋“œ์„ธ์š”.

๋‹ค์ด์–ผ๋กœ๊ทธ ์ปดํฌ๋„ŒํŠธ:

1
Use the [shadcn/ui] dialog component for a popup form.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
ํŒ์—… ํผ์„ ์œ„ํ•ด [shadcn/ui] ๋‹ค์ด์–ผ๋กœ๊ทธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.

์„ค์ • ํŒจ๋„:

1
Develop a settings panel using [shadcn/ui].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[shadcn/ui]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์„ค์ • ํŒจ๋„์„ ๊ฐœ๋ฐœํ•˜์„ธ์š”.

์˜ค๋””์˜ค ์ฒ˜๋ฆฌ

๊ณ ํ’ˆ์งˆ ํ†ตํ•ฉ์„ ์œ„ํ•ด Eleven Labs๊ฐ€ ์ตœ๊ณ ์˜ ์„ ํƒ์ž…๋‹ˆ๋‹ค.

์ฃผ์š” ๊ธฐ๋Šฅ

  • ์Œ์„ฑ์„ ํ…์ŠคํŠธ๋กœ ๋ณ€ํ™˜
  • ์ž์—ฐ์Šค๋Ÿฌ์šด ์Œ์„ฑ ์ƒ์„ฑ
  • ์˜ค๋””์˜ค ํŒŒ์ผ ๊ฐœ์„ 

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

์Œ์„ฑ ์ „์‚ฌ:

1
Convert uploaded audio files to text using audio transcription.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์˜ค๋””์˜ค ์ „์‚ฌ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์—…๋กœ๋“œ๋œ ์˜ค๋””์˜ค ํŒŒ์ผ์„ ํ…์ŠคํŠธ๋กœ ๋ณ€ํ™˜ํ•˜์„ธ์š”.

ํŒŸ์บ์ŠคํŠธ ์ „์‚ฌ ๋„๊ตฌ:

1
Build a podcast transcription tool.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
ํŒŸ์บ์ŠคํŠธ ์ „์‚ฌ ๋„๊ตฌ๋ฅผ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

ํ…์ŠคํŠธ ์Œ์„ฑ ๋ณ€ํ™˜:

1
Read content aloud using Text-to-Speech.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
ํ…์ŠคํŠธ ์Œ์„ฑ ๋ณ€ํ™˜์„ ์‚ฌ์šฉํ•˜์—ฌ ์ฝ˜ํ…์ธ ๋ฅผ ์†Œ๋ฆฌ๋‚ด์–ด ์ฝ์œผ์„ธ์š”.

์˜ค๋””์˜ค๋ถ ์ƒ์„ฑ๊ธฐ:

1
Develop an audiobook creator.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์˜ค๋””์˜ค๋ถ ์ƒ์„ฑ๊ธฐ๋ฅผ ๊ฐœ๋ฐœํ•˜์„ธ์š”.

ํšŒ์˜ ๋…น์Œ ์ „์‚ฌ:

1
Transcribe and summarize meeting recordings.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
ํšŒ์˜ ๋…น์Œ์„ ์ „์‚ฌํ•˜๊ณ  ์š”์•ฝํ•˜์„ธ์š”.

์ง€๋„

Mapbox, Google Maps, Weather API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ค์Œ ๊ธฐ๋Šฅ์œผ๋กœ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ์„ ํ•˜์„ธ์š”:

์ฃผ์š” ๊ธฐ๋Šฅ

  • ์œ„์น˜ ์ •๋ณด
  • ์ง€๋„ ๊ธฐ๋Šฅ
  • ๋น„์ฆˆ๋‹ˆ์Šค ์ธ์‚ฌ์ดํŠธ

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

๋งค์žฅ ์œ„์น˜ ํ‘œ์‹œ:

1
Display store locations on a map with [Mapbox].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Mapbox]๋กœ ์ง€๋„์— ๋งค์žฅ ์œ„์น˜๋ฅผ ํ‘œ์‹œํ•˜์„ธ์š”.

๋ฐฐ์†ก ์ถ”์  ์‹œ์Šคํ…œ:

1
Create a delivery tracking system with real-time updates.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์‹ค์‹œ๊ฐ„ ์—…๋ฐ์ดํŠธ๊ฐ€ ์žˆ๋Š” ๋ฐฐ์†ก ์ถ”์  ์‹œ์Šคํ…œ์„ ๋งŒ๋“œ์„ธ์š”.

๋ถ€๋™์‚ฐ ์•ฑ:

1
Build a property listing app using [Google Maps].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Google Maps]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ถ€๋™์‚ฐ ๋ชฉ๋ก ์•ฑ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์‹๋‹น ์ฐพ๊ธฐ:

1
Find restaurants using [Google business data].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Google ๋น„์ฆˆ๋‹ˆ์Šค ๋ฐ์ดํ„ฐ]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‹๋‹น์„ ์ฐพ์œผ์„ธ์š”.

์ฃผ์†Œ ์ž๋™์™„์„ฑ:

1
Add address auto-completion using [Google Place Autocomplete].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Google Place Autocomplete]์„ ์‚ฌ์šฉํ•˜์—ฌ ์ฃผ์†Œ ์ž๋™์™„์„ฑ์„ ์ถ”๊ฐ€ํ•˜์„ธ์š”.

๋‚ ์”จ ์—…๋ฐ์ดํŠธ:

1
Show real-time weather updates using [Weather API].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Weather API]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์‹ค์‹œ๊ฐ„ ๋‚ ์”จ ์—…๋ฐ์ดํŠธ๋ฅผ ํ‘œ์‹œํ•˜์„ธ์š”.

๋ฌธ์„œ

๋‹ค์Œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค:

์ฃผ์š” ๊ธฐ๋Šฅ

  • ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๋ฐฉ์‹์œผ๋กœ PDF ์ƒ์„ฑ ๋ฐ ๋‹ค์šด๋กœ๋“œ
  • PDF์—์„œ ํ…์ŠคํŠธ ์ถ”์ถœ ๋ฐ ๋ณ€ํ™˜
  • ์Šค์บ”๋œ ๋ฌธ์„œ ์ฒ˜๋ฆฌ
  • ๋‹ค์–‘ํ•œ ํ˜•์‹ ๊ฐ„ ํŒŒ์ผ ๋ณ€ํ™˜
  • ๋งํฌ, ๋ฐ์ดํ„ฐ, ๋น„์ฆˆ๋‹ˆ์Šค ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์œ„ํ•œ QR ์ฝ”๋“œ ์ƒ์„ฑ

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

PDF ํผ ์ƒ์„ฑ:

1
Let users fill out a form and use [PDF Generation] to download it.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์‚ฌ์šฉ์ž๊ฐ€ ํผ์„ ์ž‘์„ฑํ•˜๊ณ  [PDF Generation]์„ ์‚ฌ์šฉํ•˜์—ฌ ๋‹ค์šด๋กœ๋“œํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜์„ธ์š”.

์†ก์žฅ ์ƒ์„ฑ:

1
Generate invoices as PDFs using [PDF Generation].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[PDF Generation]์„ ์‚ฌ์šฉํ•˜์—ฌ ์†ก์žฅ์„ PDF๋กœ ์ƒ์„ฑํ•˜์„ธ์š”.

์ด๋ ฅ์„œ ๋นŒ๋”:

1
Create a resume builder that exports to PDF.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
PDF๋กœ ๋‚ด๋ณด๋‚ด๋Š” ์ด๋ ฅ์„œ ๋นŒ๋”๋ฅผ ๋งŒ๋“œ์„ธ์š”.

๋ฌธ์„œ ํ…์ŠคํŠธ ์ถ”์ถœ:

1
Extract text from scanned documents with [PDF Parser].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[PDF Parser]๋กœ ์Šค์บ”๋œ ๋ฌธ์„œ์—์„œ ํ…์ŠคํŠธ๋ฅผ ์ถ”์ถœํ•˜์„ธ์š”.

QR ์ฝ”๋“œ ์ƒ์„ฑ:

1
Generate QR codes for links and business details.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
๋งํฌ์™€ ๋น„์ฆˆ๋‹ˆ์Šค ์„ธ๋ถ€์ •๋ณด๋ฅผ ์œ„ํ•œ QR ์ฝ”๋“œ๋ฅผ ์ƒ์„ฑํ•˜์„ธ์š”.

๋ฏธ๋””์–ด ๋ฐ ์—”ํ„ฐํ…Œ์ธ๋จผํŠธ

๋‹ค์Œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค:

์ฃผ์š” ๊ธฐ๋Šฅ

  • ๋ฏธ๋””์–ด ๋ฐ์ดํ„ฐ ๊ฒ€์ƒ‰
  • ์Šคํฌ์ธ  ํ†ต๊ณ„ ์ถ”์ 
  • ์˜ํ™”, TV ํ”„๋กœ๊ทธ๋žจ, ์• ๋‹ˆ๋ฉ”์ด์…˜, ๋„์„œ ๊ฒ€์ƒ‰

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

์˜ํ™” ์ถ”์ฒœ ์‹œ์Šคํ…œ:

1
Build a movie recommendation system using [TMDb].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[TMDb]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์˜ํ™” ์ถ”์ฒœ ์‹œ์Šคํ…œ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

TV ํ”„๋กœ๊ทธ๋žจ ์ถ”์ :

1
Track upcoming TV shows with [Movies and TV Series].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Movies and TV Series]๋กœ ์˜ˆ์ •๋œ TV ํ”„๋กœ๊ทธ๋žจ์„ ์ถ”์ ํ•˜์„ธ์š”.

์‹œ์ฒญ ๋ชฉ๋ก ์•ฑ:

1
Make a watchlist app with [Movies and TV Series / TMDb].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Movies and TV Series / TMDb]๋กœ ์‹œ์ฒญ ๋ชฉ๋ก ์•ฑ์„ ๋งŒ๋“œ์„ธ์š”.

์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐœ๊ฒฌ ๋„๊ตฌ:

1
Build an anime discovery tool.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐœ๊ฒฌ ๋„๊ตฌ๋ฅผ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์Šคํฌ์ธ  ์˜ˆ์ธก ์•ฑ:

1
Create a fantasy [Sport] prediction app.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
ํŒํƒ€์ง€ [์Šคํฌ์ธ ] ์˜ˆ์ธก ์•ฑ์„ ๋งŒ๋“œ์„ธ์š”.

๋„์„œ ๋ฐœ๊ฒฌ ์•ฑ:

1
Build a book discovery app with [Book Search].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Book Search]๋กœ ๋„์„œ ๋ฐœ๊ฒฌ ์•ฑ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์›น ๋„๊ตฌ

๋‹ค์Œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค:

์ฃผ์š” ๊ธฐ๋Šฅ

  • ๋ชจ๋“  ์›น์‚ฌ์ดํŠธ์—์„œ ๊ท€์ค‘ํ•œ ์ธ์‚ฌ์ดํŠธ ์ถ”์ถœ
  • ์–ธ์–ด ๊ฐ„ ์›ํ™œํ•œ ํ…์ŠคํŠธ ๋ฒˆ์—ญ
  • ์‹ค์‹œ๊ฐ„ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ์•ก์„ธ์Šค
  • ์›น์—์„œ ์‰ฝ๊ฒŒ ์ด๋ฏธ์ง€ ๋ฐœ๊ฒฌ

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ์Šคํฌ๋ž˜ํ•‘:

1
Scrape top search results from [Google Search] using [Web Scraper].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Web Scraper]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ [Google Search]์—์„œ ์ƒ์œ„ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ๋ฅผ ์Šคํฌ๋ž˜ํ•‘ํ•˜์„ธ์š”.

๋™์  ๋ฒˆ์—ญ:

1
Translate text dynamically using [Google Translate].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Google Translate]์„ ์‚ฌ์šฉํ•˜์—ฌ ํ…์ŠคํŠธ๋ฅผ ๋™์ ์œผ๋กœ ๋ฒˆ์—ญํ•˜์„ธ์š”.

์–ธ์–ด ํ•™์Šต ์•ฑ:

1
Build a language learning app using [Google Translate].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Google Translate]์„ ์‚ฌ์šฉํ•˜์—ฌ ์–ธ์–ด ํ•™์Šต ์•ฑ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์›น ๊ฒ€์ƒ‰:

1
Search the web using [Google Search].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Google Search]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์›น์„ ๊ฒ€์ƒ‰ํ•˜์„ธ์š”.

์ด๋ฏธ์ง€ ๊ฒ€์ƒ‰:

1
Find images using [Google Image Search].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Google Image Search]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ด๋ฏธ์ง€๋ฅผ ์ฐพ์œผ์„ธ์š”.

๋น„์ฆˆ๋‹ˆ์Šค

๋‹ค์Œ ๊ธฐ๋Šฅ์„ ์›ํ™œํ•˜๊ฒŒ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค:

์ฃผ์š” ๊ธฐ๋Šฅ

  • ์ •ํ™•ํ•œ ํŒ๋งค์„ธ ๊ณ„์‚ฐ
  • ์‹ฌ์ธต์ ์ธ ๊ฒ€์ƒ‰์–ด ๋ถ„์„
  • ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒํ•˜๊ณ  ๋™์ ์ธ ๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”
  • ์‹ค์‹œ๊ฐ„ ์ด๋ฉ”์ผ ์ฃผ์†Œ ๊ฒ€์ฆ
  • ๋„๋ฉ”์ธ ์ •๋ณด ํ™•์ธ
  • ์œ ํ•ดํ•˜๊ฑฐ๋‚˜ ๊ณต๊ฒฉ์ ์ธ ์ฝ˜ํ…์ธ  ๊ฐ์ง€
  • ์ฑ„ํŒ… ๋ฐ ์•Œ๋ฆผ ๊ธฐ๋Šฅ ํ†ตํ•ฉ
  • ํŠธ๋žœ์žญ์…˜ ์ด๋ฉ”์ผ ์ „์†ก
  • ๋‚ด์žฅ ์ž๋™ํ™”๋กœ ์ด๋ฉ”์ผ ์บ ํŽ˜์ธ ํšจ์œจ์  ๊ด€๋ฆฌ

์˜ˆ์‹œ ํ”„๋กฌํ”„ํŠธ

ํŒ๋งค์„ธ ๊ณ„์‚ฐ:

1
Calculate order totals with [US Sales Tax Calculator].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[US Sales Tax Calculator]๋กœ ์ฃผ๋ฌธ ์ด์•ก์„ ๊ณ„์‚ฐํ•˜์„ธ์š”.

์ „์ž์ƒ๊ฑฐ๋ž˜ ์ฒดํฌ์•„์›ƒ:

1
Build an e-commerce checkout.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์ „์ž์ƒ๊ฑฐ๋ž˜ ์ฒดํฌ์•„์›ƒ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

SEO ํ‚ค์›Œ๋“œ ๋ถ„์„:

1
Analyze SEO keywords with [SEO Keyword Research].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[SEO Keyword Research]๋กœ SEO ํ‚ค์›Œ๋“œ๋ฅผ ๋ถ„์„ํ•˜์„ธ์š”.

๋ฐ์ดํ„ฐ ์‹œ๊ฐํ™”:

1
Display sales data in a Charts line graph.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
Charts ์„  ๊ทธ๋ž˜ํ”„๋กœ ํŒ๋งค ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œ์‹œํ•˜์„ธ์š”.

์ด๋ฉ”์ผ ๊ฒ€์ฆ:

1
Check email addresses and create an email validation system.

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
์ด๋ฉ”์ผ ์ฃผ์†Œ๋ฅผ ํ™•์ธํ•˜๊ณ  ์ด๋ฉ”์ผ ๊ฒ€์ฆ ์‹œ์Šคํ…œ์„ ๋งŒ๋“œ์„ธ์š”.

๋„๋ฉ”์ธ ๊ฒ€์‚ฌ ๋„๊ตฌ:

1
Build a domain inspector tool using [Domain Inspector].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Domain Inspector]๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋„๋ฉ”์ธ ๊ฒ€์‚ฌ ๋„๊ตฌ๋ฅผ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์•ˆ์ „ํ•œ ์ฑ„ํŒ… ์•ฑ:

1
Build a safe chat app using [OpenAI Moderation].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[OpenAI Moderation]์„ ์‚ฌ์šฉํ•˜์—ฌ ์•ˆ์ „ํ•œ ์ฑ„ํŒ… ์•ฑ์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์ฃผ๋ฌธ ํ™•์ธ ์ด๋ฉ”์ผ:

1
Send order confirmations with [Resend].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Resend]๋กœ ์ฃผ๋ฌธ ํ™•์ธ ์ด๋ฉ”์ผ์„ ๋ณด๋‚ด์„ธ์š”.

๋‰ด์Šค๋ ˆํ„ฐ ์‹œ์Šคํ…œ:

1
Create a newsletter system with [Resend].

ํ•œ๊ตญ์–ด ๋ฒˆ์—ญ:

1
[Resend]๋กœ ๋‰ด์Šค๋ ˆํ„ฐ ์‹œ์Šคํ…œ์„ ๋งŒ๋“œ์„ธ์š”.

๊ฒฐ๋ก 

Lovable์˜ ๊ด‘๋ฒ”์œ„ํ•œ ํ†ตํ•ฉ ์˜ต์…˜์€ ํ˜„๋Œ€์ ์ด๊ณ  ๊ฐ•๋ ฅํ•œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ๋ชจ๋“  ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. AI ๊ธฐ๋ฐ˜ ๊ธฐ๋Šฅ๋ถ€ํ„ฐ ๋น„์ฆˆ๋‹ˆ์Šค ์ž๋™ํ™”๊นŒ์ง€, ๊ฐ ํ†ตํ•ฉ์€ ํŠน์ • ์š”๊ตฌ์‚ฌํ•ญ์„ ํ•ด๊ฒฐํ•˜๊ณ  ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ค๋„๋ก ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

ํ†ตํ•ฉ ํ™œ์šฉ์„ ์œ„ํ•œ ๋ชจ๋ฒ” ์‚ฌ๋ก€

API ํ‚ค ๊ด€๋ฆฌ: ๋ชจ๋“  ํ†ตํ•ฉ์„ ์‚ฌ์šฉํ•˜๊ธฐ ์ „์— ํ•ด๋‹น ์„œ๋น„์Šค์˜ API ํ‚ค๋ฅผ ์•ˆ์ „ํ•˜๊ฒŒ ์„ค์ •ํ•˜๊ณ  ๊ด€๋ฆฌํ•˜์„ธ์š”.

์ ์ง„์  ๊ตฌํ˜„: ํ•œ ๋ฒˆ์— ํ•˜๋‚˜์˜ ํ†ตํ•ฉ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ ์ ์ง„์ ์œผ๋กœ ๊ธฐ๋Šฅ์„ ํ™•์žฅํ•˜์„ธ์š”. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ๊ฐ ํ†ตํ•ฉ์„ ์ œ๋Œ€๋กœ ์ดํ•ดํ•˜๊ณ  ์ตœ์ ํ™”ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ฑ๋Šฅ ๊ณ ๋ ค: ํŠนํžˆ AI ๋ชจ๋ธ์ด๋‚˜ ์™ธ๋ถ€ API๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ๋Š” ์‘๋‹ต ์‹œ๊ฐ„๊ณผ ๋น„์šฉ์„ ๊ณ ๋ คํ•˜์—ฌ ํšจ์œจ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜์„ธ์š”.

์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ: ์™ธ๋ถ€ ์„œ๋น„์Šค์™€์˜ ํ†ตํ•ฉ์—์„œ๋Š” ํ•ญ์ƒ ์ ์ ˆํ•œ ์˜ค๋ฅ˜ ์ฒ˜๋ฆฌ๋ฅผ ๊ตฌํ˜„ํ•˜์—ฌ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ๋ณดํ˜ธํ•˜์„ธ์š”.

ํ–ฅํ›„ ๊ฐœ๋ฐœ ๋ฐฉํ–ฅ

Lovable์˜ ํ†ตํ•ฉ ์ƒํƒœ๊ณ„๋Š” ์ง€์†์ ์œผ๋กœ ํ™•์žฅ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด AI ๋ชจ๋ธ, ๊ฐœ์„ ๋œ API, ๊ทธ๋ฆฌ๊ณ  ํ˜์‹ ์ ์ธ ์„œ๋น„์Šค๋“ค์ด ์ •๊ธฐ์ ์œผ๋กœ ์ถ”๊ฐ€๋˜๋ฏ€๋กœ, ์ตœ์‹  ์—…๋ฐ์ดํŠธ๋ฅผ ํ™•์ธํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ์ตœ์ฒจ๋‹จ ๊ธฐ๋Šฅ์„ ํ†ตํ•ฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฌํ•œ ํ†ตํ•ฉ๋“ค์„ ํšจ๊ณผ์ ์œผ๋กœ ํ™œ์šฉํ•˜๋ฉด, ๋‹จ์ˆœํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋„˜์–ด์„œ AI ๊ธฐ๋ฐ˜์˜ ์ง€๋Šฅํ˜• ํ”Œ๋žซํผ์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ํ†ตํ•ฉ์˜ ๊ณ ์œ ํ•œ ๊ฐ•์ ์„ ์ดํ•ดํ•˜๊ณ  ํ”„๋กœ์ ํŠธ ์š”๊ตฌ์‚ฌํ•ญ์— ๋งž๊ฒŒ ์กฐํ•ฉํ•˜์—ฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋›ฐ์–ด๋‚œ ๊ฐ€์น˜๋ฅผ ์ œ๊ณตํ•˜๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”.



-->