본문 바로가기

전체 글109

챗GPT 시대, codexCLI로 HTML 디데이 계산기·오늘의 운세 웹도구 만든 후기 (과정, 구현, 아이디어) 목차codexCLI를 선택한 이유와 준비 과정디데이 계산기 웹도구 구현 과정오늘의 운세 웹도구 구현과 확장 아이디어codexCLI를 활용하며 느낀 장단점과 활용 팁결론: 요약 및 정리codexCLI를 활용해 HTML·CSS·자바스크립트로 디데이 계산기와 오늘의 운세 웹도구를 구현한 과정을 준비 단계부터 배포까지 정리합니다. 바이브코딩 흐름에서 프롬프트 작성과 코드 검증 방법을 함께 소개합니다.처음 작은 웹도구를 만들어 보고 싶다고 생각했을 때, 제 목표는 거창하지 않았습니다. 특정 날짜까지 남은 일수를 계산해 주는 디데이 계산기와 가볍게 볼 수 있는 오늘의 운세 정도면 충분했습니다. 하지만 HTML·CSS·자바스크립트 코드를 처음부터 끝까지 혼자 작성하는 것은 부담스럽게 느껴졌고, 그렇다고 노코드 툴에만.. 2025. 12. 16.
Antigravity로 구현한 랜딩페이지, 소규모 팀 웹디자인 생산성 폭발 사례(한계, 워크플로, 생산성) 목차Antigravity 도입 전, 소규모 팀 웹디자인의 현실과 한계Antigravity로 랜딩페이지를 구현한 실제 워크플로에이전트 기반 바이브코딩이 가져온 웹디자인 생산성 변화소규모 팀 관점에서 본 Antigravity 도입 기준과 활용 팁결론: 요약 및 정리Antigravity와 바이브코딩 방식을 활용해 소규모 팀이 랜딩페이지를 설계·개발·배포한 실제 사례를 정리합니다. 웹디자인 워크플로가 어떻게 단축되고, 어떤 점을 주의해야 하는지까지 다룹니다.마케팅 캠페인을 준비하던 소규모 팀에서 가장 막막했던 부분은 “랜딩페이지를 누가, 언제까지 만들 것인가”였습니다. 디자이너는 메인 서비스 작업에, 개발자는 기능 구현과 버그 대응에 이미 몰려 있었고, 랜딩페이지 하나를 새로 만드는 일은 늘 우선순위 뒤쪽으로 .. 2025. 12. 16.
자연어를 이용하여 랜딩페이지 만들고 배포한 경험, 2025년 AI 마케팅 워크플로 (기획, 제작, 배포) 목차자연어 한 줄로 시작한 랜딩페이지 기획 과정AI 카피와 레이아웃 제안으로 만든 첫 버전 제작 경험노코드·AI 조합으로 랜딩페이지를 실제로 배포하기까지데이터와 피드백을 보며 카피와 구조를 반복 개선한 과정결론: 요약 및 정리자연어 프롬프트만으로 랜딩페이지를 기획·제작·배포했던 실제 경험을 바탕으로, 2025년 기준 AI 마케팅 워크플로와 실무 적용 팁을 정리합니다. 노코드 도구와 AI 챗봇을 어떻게 조합했는지, 준비 단계부터 데이터 확인까지 흐름 위주로 설명합니다.챗GPT를 처음 접했을 때만 해도 “글 쓰는 도구” 정도로만 생각했습니다. 그러나 2025년 현재 저는 자연어로 설명한 문장을 바탕으로 실제 랜딩페이지를 만들고, 그 페이지로 소규모 캠페인을 돌려 본 경험을 여러 번 갖게 되었습니다. 이 글에.. 2025. 12. 15.
초등자녀에게 바이브코딩 가르쳐도 될까, 학습 효과·주의점·부작용 가능성까지 정리 (수준, 학습, 주의점) 목차바이브코딩을 초등 수준에서 어떻게 이해해야 할까초등자녀에게 바이브코딩을 가르칠 때 기대할 수 있는 학습 효과초등자녀 바이브코딩 교육의 실질적인 주의점부작용 가능성과 안전하게 활용하기 위한 부모의 역할결론: 요약 및 정리초등자녀에게 바이브코딩과 같은 AI 코딩 방식을 언제, 어떤 수준까지 가르치면 좋은지, 학습 효과와 함께 주의해야 할 점, 생각해 볼 수 있는 부작용 가능성까지 부모 시각에서 정리합니다.최근 챗GPT나 AI 코딩 도구를 자연스럽게 사용하는 개발자들이 늘어나면서, “아이도 어릴 때부터 바이브코딩을 익혀 두면 좋지 않을까?”라는 고민을 하는 부모가 많습니다. 초등학교에서도 코딩 교육이 확대되고, 학원에서는 블록코딩·텍스트코딩뿐 아니라 AI 코딩 수업을 내세우는 경우도 늘어나고 있습니다. 한.. 2025. 12. 15.
챗GPT 시대, cursor로 1일 만에 웹명함 만든 후기와 실전 셋업 방법 정리 (목표, 프로젝트, 다듬기) 목차cursor를 선택한 이유와 웹명함 목표 정리하기cursor 설치부터 새 웹명함 프로젝트 열기까지챗GPT처럼 프롬프트를 써서 웹명함 형태 다듬기배포까지 1일 안에 끝내기: GitHub Pages 기준 실전 흐름cursor로 웹명함을 만들며 느낀 장점과 주의할 점결론: 하루 만에 만든 웹명함, 중요한 것은 도구보다 흐름챗GPT 스타일 프롬프트와 AI 코드 에디터 cursor를 활용해, 완전 초보 기준 하루 만에 웹명함을 만든 실제 과정을 정리합니다. 설치부터 프로젝트 생성, 프롬프트 작성, 배포까지 따라 하기 쉬운 흐름으로 안내합니다.처음 “웹명함”이라는 개념을 들었을 때, 저는 디자이너나 개발자만의 영역이라고 생각했습니다. 하지만 링크 하나만 공유해도 자기소개, 연락처, SNS, 포트폴리오까지 보여 .. 2025. 12. 14.
바이브코딩 툴에는 어떤 것들이 있을까, 전통 IDE 플러그인 vs 웹 기반 AI 툴 비교 (IDE, 에디터형, 경험) 목차전통 IDE 플러그인형 바이브코딩 툴의 특징웹 기반·독립 에디터형 바이브코딩 툴의 특징전통 IDE 플러그인 vs 웹 기반 툴, 실제 사용 경험에서의 차이입문자·주니어·시니어 개발자별 선택 기준결론: 요약 및 정리바이브코딩 흐름을 지원하는 대표적인 툴들을 전통 IDE 플러그인형과 웹 기반·독립 에디터형으로 나누어 살펴보고, 입문자와 개발자 관점에서 선택 기준과 활용 포인트를 정리합니다.생성형 AI가 코드를 도와주는 시대가 되면서 “어떤 도구로 바이브코딩을 시작해야 할까?”라는 질문을 하시는 분들이 많습니다. 검색을 해 보면 깃허브 코파일럿, 커서(Cursor), 제트브레인즈 AI 어시스턴트, 리플릿(Replit) AI, 코디움(Codeium) 등 이름만 들어도 복잡한 도구들이 한꺼번에 등장합니다. 겉으.. 2025. 12. 14.

티스토리툴바