AI 도서관 · Gemini · 단축 명령어 · 바이브코딩
브라우저에서 바로 만드는 것과 내 컴퓨터에서 만드는 것이 다릅니다
📌 크게 두 갈래입니다
[ 브라우저에서 바로 ]
주소창만 열면 되고, 만들면 바로 인터넷에 올라갑니다.
대표적으로 Lovable · Bolt.new · Firebase Studio 같은 것들이 있습니다.
좋은 점 — 설치가 없고, 결과를 바로 봅니다. 처음 시작하기 쉽습니다
아쉬운 점 — 그 서비스 안에서만 돌아갑니다. 옮기기 어려울 수 있습니다
[ 내 컴퓨터에서 ]
터미널이나 편집기에서 AI 와 함께 만듭니다.
Claude Code · Codex · Cursor 같은 것들입니다.
좋은 점 — 만든 것이 내 것입니다. 어디로든 옮길 수 있습니다
아쉬운 점 — 설치와 설정이 필요하고, 처음이 조금 어렵습니다
📌 고르는 기준
혼자 써볼 것, 빨리 결과를 보고 싶다 → 브라우저형
계속 키울 것, 나중에 남에게 넘길 수도 → 내 컴퓨터형
💡 브라우저형으로 시작해도 됩니다
만들어보고 계속할 만하다 싶으면 그때 옮기면 됩니다.
다만 **옮길 수 있는지를 미리 확인**하세요 — 코드를 내려받을 수 있는지.
못 내려받는 도구면 그 서비스에 묶입니다.
💡 도구 목록은 한 곳에 정리돼 있습니다
깃허브의 awesome-vibe-coding 이 브라우저 도구·편집기·모바일 앱·
명령줄 도구·작업 관리까지 분류해 모아둡니다.
새 도구가 자주 나오는 분야라 목록으로 보는 게 낫습니다.
⚠️ 도구를 자주 바꾸지 마세요
새 도구가 계속 나오지만, 옮길 때마다 처음부터입니다.
하나를 정해서 익히는 편이 빠릅니다.
궁금한 점: {{INPUT}}
{{INPUT}} 자리에 내 내용을 넣어 쓰는 프롬프트입니다. 아래 버튼으로 열면 넣는 칸이 나옵니다.
도서관에서 열기 — 내 내용 넣고 복사하기