안녕하세요, 기록하는 개발자 강선후입니다.

바이브코딩 시리즈의 3부에서는CLI(Command Line Interface, 명령 줄 인터페이스)를 활용한 개발 방식을 다룹니다. 앞선 연재에서 대화형 AI 웹사이트를 이용하거나유료 IDE(Cursor 등)를 활용하는 법을 배웠다면,이번에는 개발자들이 가장 선호하는 방식인 터미널 환경에서AI와 함께 호흡하며 프로젝트를 완성하는 법을 알아보겠습니다. 검은 화면과 낯선 명령어들이 처음에는 두렵게 느껴질 수 있지만,이를 정복하는 순간 여러분의 개발 속도는 비약적으로 상승할 것입니다.아마도?CLI 기반 바이브코딩이 필요한 이유많은 입문자가 터미널의 검은 화면을 보고 막연한 거부감을 느끼곤 합니다.하지만 CLI는 마우스 클릭이라는 중간 단계 없이컴퓨터에게 직접 명령을 내리는 가장 직관적인 도구입니다.CLI 환..

[입문 #1] 비전공자도 가능한 바이브코딩 [입문 #1] AI와 함께 맨땅에서 웹사이트 완성하기코딩을 전혀 모르는 비개발자나 이제 막 개발에 관심을 가지기 시작한 초보자분들이라면,최근 들려오는 "AI가 코딩을 대신 해준다"는 이야기가 마냥 남 일처럼 느껴지실 수도 있습니다. 터미널apdui.tistory.com 유료 사용자 편은 입문자에게 가장 '마법 같은 경험'을 선사하는 구간입니다. 무료 버전이 "복사해서 붙여넣는 수고로움"이 있었다면, 유료 버전은 AI가 내 컴퓨터의 파일을 직접 읽고 쓰는 '자동화된 개발'에 초점을 맞춥니다. 유료 AI 모델(Claude Pro, ChatGPT Plus 등)과 AI 전용 에디터(Cursor, Windsurf 등)를 결합하면 개발의 패러다임이 바뀝니다. 단순히 코드를..

코딩을 전혀 모르는 비개발자나 이제 막 개발에 관심을 가지기 시작한 초보자분들이라면,최근 들려오는 "AI가 코딩을 대신 해준다"는 이야기가 마냥 남 일처럼 느껴지실 수도 있습니다. 터미널이 무엇인지, Git이 무엇인지 몰라도 괜찮습니다.이번 포스팅은 기초 지식이 전혀 없는 분들을 위해,AI를 활용해 나만의 웹사이트를 만들고인터넷에 실제로 올리는 전 과정을 아주 상세하게 설명해 드립니다. 10분만에 만든 바이브코딩 가이드 페이지 바이브 코딩 입문 안내서AI와 함께하는 새로운 코딩 패러다임의 시작vibecodingv2.vercel.app 1️⃣ 바이브코딩(Vibe Coding)이란 무엇인가?바이브코딩은 복잡한 문법을 외워서 코드를 치는 전통적인 방식에서 벗어나,내가 만들고 싶은 결과물을 AI에게 말로 설명하..

이전 포스트(실전 #1) [실전 #1] 기능 정의 및 API 명세https://apdui.tistory.com/entry/%EC%8B%A4%EC%8A%B5-5-CI-CD-%EC%A0%84%EC%B2%B4-%EC%BD%94%EB%93%9C [실습 #5] CI / CD 전체 코드https://apdui.tistory.com/entry/%EC%8B%A4%EC%8A%B5-4-ECR-Github-Secre [실습 #4] ECR & Github Secretshttps://apdui.tistory.coapdui.tistory.com 팀을 이뤄서 개발을 진행하는 것이면, API 명세 작성 중일 때백엔드 개발자 한 명이 이번 포스팅에서 진행할 작업을 미리 해주면 좋다. Git 조직 및 레포지토리는 생성해두었으므로,해당 ..

실습 #5에서 이어지는 내용입니다 [실습 #5] CI / CD 전체 코드https://apdui.tistory.com/entry/%EC%8B%A4%EC%8A%B5-4-ECR-Github-Secre [실습 #4] ECR & Github Secretshttps://apdui.tistory.com/33 [실습 #3] DockerFile 작성하기https://apdui.tistory.com/32 [실습 #2] Docker 개념 및 로컬실습https://apdui.tistoapdui.tistory.com 실습 파트에 있던 내용은 전반적인 운영 편의성에 관련된 내용들이고처음 백엔드 개발을 시작하는 사람들에게는 어려울 수 있어서 배제하고 진행하자. 스터디원들과 함께 지금까지 배운 내용을 기반으로 실전에 들어갈 볼 것..

https://apdui.tistory.com/entry/%EC%8B%A4%EC%8A%B5-4-ECR-Github-Secre [실습 #4] ECR & Github Secretshttps://apdui.tistory.com/33 [실습 #3] DockerFile 작성하기https://apdui.tistory.com/32 [실습 #2] Docker 개념 및 로컬실습https://apdui.tistory.com/31 [실습 #1] 서버 배포 및 연결 (멋사 홈페이지)https://apdui.tistory.com/24 스apdui.tistory.com deploy.ymlname: CI/CD with AWS ECR and EC2on: push: branches: [ "main" ] pull_request..

https://apdui.tistory.com/33 [실습 #3] DockerFile 작성하기https://apdui.tistory.com/32 [실습 #2] Docker 개념 및 로컬실습https://apdui.tistory.com/31 [실습 #1] 서버 배포 및 연결 (멋사 홈페이지)https://apdui.tistory.com/24 스프링부트 게시판 만들기 #8 : 배포 설정https://apdui.tapdui.tistory.com 지금까지 배운 내용들을 요약하자면 다음과 같다.EC2: 서버 역할RDS: 데이터베이스Docker: 애플리케이션을 컨테이너로 실행Dockerfile: 애플리케이션을 이미지로 만드는 설계도이제 문제는 이 Docker 이미지를 어디에 저장하고, 서버에서는 어떻게 가져올까이다..

https://apdui.tistory.com/32 [실습 #2] Docker 개념 및 로컬실습https://apdui.tistory.com/31 [실습 #1] 서버 배포 및 연결 (멋사 홈페이지)https://apdui.tistory.com/24 스프링부트 게시판 만들기 #8 : 배포 설정https://apdui.tistory.com/22 스프링부트 게시판 만들기 #7 : AWS 배포(RDS)hapdui.tistory.com 앞 단계에서 우리는 Docker가애플리케이션 실행 환경을 통째로 담아 실행하는 도구라는 걸 로컬 실습으로 체감했다.이제 실제 CI/CD에서 사용할 Dockerfile을 살펴보고,어떻게 작성하는지 알아보자. ⚠️ 우리는 Docker를 깊게 파는 게 목적이 아니다.GitHub Acti..

https://apdui.tistory.com/31 [실습 #1] 서버 배포 및 연결 (멋사 홈페이지)https://apdui.tistory.com/24 스프링부트 게시판 만들기 #8 : 배포 설정https://apdui.tistory.com/22 스프링부트 게시판 만들기 #7 : AWS 배포(RDS)https://apdui.tistory.com/21 스프링부트 게시판 만들기 #6 : AWS 배포(EC2)httapdui.tistory.com 저번 글에서 우리는 GitHub Actions를 이용한 CI/CD 흐름을 처음으로 구성해보았다.저번에 얘기했던 내용인데, 로컬에서 잘 되던 코드가 서버 환경에서는 왜 깨질까?이 질문에 답하려면 서버에서 애플리케이션이 어떻게 실행되는지를 정확히 이해해야 한다.이를 위해..