AI 도서관 · Gemini · 단축 명령어 · 바이브코딩

어떤 도구로 시작할까

브라우저에서 바로 만드는 것과 내 컴퓨터에서 만드는 것이 다릅니다

내용

📌 크게 두 갈래입니다

[ 브라우저에서 바로 ]
주소창만 열면 되고, 만들면 바로 인터넷에 올라갑니다.
대표적으로 Lovable · Bolt.new · Firebase Studio 같은 것들이 있습니다.

좋은 점 — 설치가 없고, 결과를 바로 봅니다. 처음 시작하기 쉽습니다
아쉬운 점 — 그 서비스 안에서만 돌아갑니다. 옮기기 어려울 수 있습니다

[ 내 컴퓨터에서 ]
터미널이나 편집기에서 AI 와 함께 만듭니다.
Claude Code · Codex · Cursor 같은 것들입니다.

좋은 점 — 만든 것이 내 것입니다. 어디로든 옮길 수 있습니다
아쉬운 점 — 설치와 설정이 필요하고, 처음이 조금 어렵습니다

📌 고르는 기준

혼자 써볼 것, 빨리 결과를 보고 싶다      → 브라우저형
계속 키울 것, 나중에 남에게 넘길 수도    → 내 컴퓨터형

💡 브라우저형으로 시작해도 됩니다
만들어보고 계속할 만하다 싶으면 그때 옮기면 됩니다.
다만 **옮길 수 있는지를 미리 확인**하세요 — 코드를 내려받을 수 있는지.
못 내려받는 도구면 그 서비스에 묶입니다.

💡 도구 목록은 한 곳에 정리돼 있습니다
깃허브의 awesome-vibe-coding 이 브라우저 도구·편집기·모바일 앱·
명령줄 도구·작업 관리까지 분류해 모아둡니다.
새 도구가 자주 나오는 분야라 목록으로 보는 게 낫습니다.

⚠️ 도구를 자주 바꾸지 마세요
새 도구가 계속 나오지만, 옮길 때마다 처음부터입니다.
하나를 정해서 익히는 편이 빠릅니다.

궁금한 점: {{INPUT}}

{{INPUT}} 자리에 내 내용을 넣어 쓰는 프롬프트입니다. 아래 버튼으로 열면 넣는 칸이 나옵니다.

근거

사용 환경
도구 선택 전반
주의
도구 이름과 기능은 자주 바뀝니다. 쓰기 전에 현재 상태를 확인하세요.
공식 출처
https://github.com/filipecalegario/awesome-vibe-coding
확인일
2026-09-09 — 이후 바뀌었을 수 있습니다
도서관에서 열기 — 내 내용 넣고 복사하기