본문 바로가기

전체 글444

바이브코딩 실전: 제조업 생산 대시보드 처음부터 끝까지 만들기 [바이브코딩 7일 완성 #6] 오늘 만들 것지금까지 배운 도구들을 조합해서 실제로 쓸 수 있는 대시보드를 만듭니다.완성 목표: 제조업 생산 현황 모니터링 대시보드포함 기능:오늘의 생산량 / 목표 달성률 실시간 표시공정별 불량률 현황시간대별 생산 추이 차트이상 발생 시 알림 표시데이터 수동 입력 기능사용 도구: Google AI Studio (AI 분석) + Lovable (웹앱 제작) + Antigravity (자동화)전체 제작 과정 개요[1단계] 기획 (10분): 필요한 기능 정리[2단계] Stitch로 UI 설계 (15분): 화면 레이아웃 결정[3단계] Lovable로 앱 제작 (30분): 실제 동작하는 앱 구현[4단계] Google AI Studio 연동 (20분): AI 분석 기능 추가[5단계] Antigravity 연동 (2.. 2026. 4. 11.
Stitch로 UI 디자인 → 코드 자동 변환: 구글의 새 무기 [바이브코딩 7일 완성 #5] Stitch가 뭔가요?Stitch는 구글이 공개한 실험적 AI 도구입니다. 핵심 기능은 하나입니다."UI를 말로 설명하거나 스케치하면, 실제 코드로 변환해준다."기존에는 디자이너가 Figma로 화면을 설계하고, 개발자가 그것을 코드로 옮기는 과정이 필요했습니다. Stitch는 이 두 단계를 하나로 압축합니다.2025년 기준 Google Labs에서 실험적으로 운영 중이며, 구글 계정으로 접속하면 무료로 사용할 수 있습니다.접속 주소: labs.google/fx/tools/stitchStitch의 핵심 기능 3가지기능 1: 텍스트 → UI 생성원하는 화면을 글로 설명하면 UI가 자동 생성됩니다.기능 2: 스케치 → UI 변환종이에 그린 화면 스케치를 사진으로 찍어 업로드하면, 실제 UI로 변환됩니다.기능 .. 2026. 4. 10.
Antigravity로 반복 업무 자동화: 매주 3시간 아끼는 법 [바이브코딩 7일 완성 #4] 반복 업무가 사라진다면?매주 월요일 아침을 상상해보세요.지난주 생산 데이터를 엑셀에서 꺼내고, 불량률을 계산하고, 보고서 양식에 붙여넣고, 팀장에게 이메일로 보내는 작업. 매주 1~2시간이 여기에 사라집니다.Antigravity는 이런 반복 작업을 자동화하는 AI 워크플로우 플랫폼입니다. 한 번 설정해두면 이후에는 자동으로 실행됩니다.Antigravity란?Antigravity는 "노코드 AI 자동화" 도구입니다. Zapier나 Make와 비슷하지만 AI가 내장되어 있어, 단순 데이터 이동뿐 아니라 판단과 분석이 필요한 작업도 자동화할 수 있습니다.주요 특징:한국어 지원 우수이메일, 구글 시트, Slack, Teams 연동AI 분석 기능 내장트리거(조건) 기반 자동 실행Step 1: Antigravity.. 2026. 4. 9.
Lovable로 웹앱 30분 만에 뚝딱: 코딩 없이 앱 제작 실전 [바이브코딩 7일 완성 #3] Lovable이 뭔가요?Lovable은 텍스트로 설명하면 자동으로 웹앱을 만들어주는 플랫폼입니다. 개발자가 수일~수주 걸려 만들 앱을 30분~1시간 만에 뚝딱 완성할 수 있습니다.가장 놀라운 점은 HTML, CSS, JavaScript를 전혀 몰라도 된다는 것입니다. "이런 앱이 필요해"라고 설명하면, Lovable이 코드를 짜주고 즉시 배포까지 해줍니다.오늘 우리가 만들 것: 설비 점검 체크리스트 웹앱제조업 현장에서 매일 쓰는 설비 점검 리스트를 종이 대신 웹앱으로 만들어보겠습니다. Step 1: Lovable 가입 및 시작1단계: lovable.dev 접속https://lovable.dev/2단계: "Start building for free" 클릭 → 구글 계정으로 가입3단계: 대시보드에서 "New.. 2026. 4. 8.
Google AI Studio 완전 정복: 무료로 AI 앱 만드는 법 [바이브코딩 7일 완성 #2] Google AI Studio가 뭔가요?Google AI Studio는 구글이 제공하는 무료 AI 개발 플랫폼입니다. 구글의 최신 AI 모델인 Gemini를 웹 브라우저에서 바로 사용할 수 있고, API 키를 발급받아 나만의 앱에 연결할 수도 있습니다.가장 큰 장점은 무료라는 점입니다. 분당 요청 제한은 있지만, 일반적인 업무 자동화 수준에서는 비용이 거의 발생하지 않습니다.오늘은 Google AI Studio를 활용해 제조업 현장에서 쓸 수 있는 AI 도우미를 실제로 만들어보겠습니다.Step 1: Google AI Studio 접속 및 설정1단계: aistudio.google.com 접속2단계: 구글 계정으로 로그인3단계: 상단 메뉴에서 "Create new prompt" 클릭화면 구성은 다음과 같습니.. 2026. 4. 7.
바이브코딩이란? 코딩 몰라도 앱 만드는 시대가 왔다 [바이브코딩 7일 완성 #1] 바이브코딩, 들어보셨나요?2025년부터 IT업계에서 급속도로 퍼지고 있는 개념이 있습니다. 바로 바이브코딩(Vibe Coding)입니다.쉽게 말하면 이렇습니다."코딩 문법은 몰라도 된다. AI에게 원하는 것을 말로 설명하면 앱이 만들어진다."2024년 초 OpenAI 공동창업자 안드레이 카파시(Andrej Karpathy)가 처음 이 개념을 제시했습니다. 그는 "나는 이제 코드를 직접 쓰지 않고 AI와 대화하며 소프트웨어를 만든다"고 말했고, 이 방식이 전 세계 개발자와 비개발자 모두에게 퍼지기 시작했습니다. 왜 지금 바이브코딩인가?전통적인 개발 방식은 이렇습니다.기획 → 요구사항 정의 → 개발자 채용/외주 → 수개월 개발 → 테스트 → 배포이 과정에는 수천만 원의 비용과 수개월의 시간이 필요합니다.바이.. 2026. 4. 6.

티스토리툴바