본문 바로가기

전체 글17

AI 바이브코딩으로 휴직 계산기 만든 후기: 공휴일, 공공데이터 API, 계산 정확도 공휴일 계산, 단순 날짜 더하기로 끝나지 않았던 이유이번 계산기에서 제가 가장 먼저 신경 쓴 건 화면보다 계산 정확도였습니다. 겉으로 보기에는 시작일과 일수만 넣으면 종료일이 나오는 간단한 도구처럼 보일 수 있지만, 실제로는 그렇게 단순하지 않았습니다. 특히 출산휴가와 육아휴직은 같은 방식으로 계산할 수 없고, 공휴일이 포함되는지 여부도 제도에 따라 다르게 봐야 하는 부분이 있습니다. 저는 이 차이를 잘못 처리하면 보기에는 멀쩡한 페이지를 만들어도 실제로는 쓸모없는 도구가 될 수 있다고 생각했습니다. 그래서 페이지를 꾸미는 일보다 먼저, 어떤 계산이 역일 기준인지, 어떤 계산이 공휴일 영향을 받는지 구조를 정리하는 데 더 많은 시간을 썼습니다.제가 이 부분에 집착했던 이유는 아주 단순했습니다. 사용자는 .. 2026. 3. 20.
AI 바이브코딩으로 출산휴가 계산기 만들기: PRD, 디자인, 첫 제작 시행착오 AI 바이브코딩 시작, 어디서부터 손대야 할지 막막했던 첫 제작이번 페이지를 만들기 시작했을 때 가장 먼저 든 감정은 기대보다 막막함이었습니다. 출산휴가 계산기라는 결과물은 머릿속에 비교적 분명하게 있었지만, 그걸 어떤 순서로 만들고 무엇부터 정리해야 하는지는 전혀 감이 오지 않았습니다. 특히 저는 처음 해보는 바이브코딩이었기 때문에 개발자들이 익숙하게 쓰는 용어부터 낯설게 느껴졌습니다. PRD, 스택, 라우팅, 배포 같은 단어들이 대화 속에서는 자연스럽게 오가는데, 저는 그 말을 들을 때마다 일단 멈추고 의미부터 다시 확인해야 했습니다. 저는 그냥 필요한 기능을 말하면 알아서 화면이 나올 줄 알았는데, 실제로는 무엇을 만들고 왜 그렇게 만들어야 하는지 훨씬 더 세밀하게 설명해야 했습니다.이 과정에서 가.. 2026. 3. 20.
바이브코딩 앱 만들기, 입문자가 알아둘 수익화와 토스 미니앱 시작법 바이브코딩 앱, 입문자라면 먼저 어디서부터 시작해야 할까바이브코딩 앱이라고 하면 왠지 처음부터 대단한 서비스를 만들어야 할 것처럼 느껴질 때가 있습니다. 그런데 입문자에게 더 중요한 것은 큰 앱을 만드는 일이 아니라, 작은 앱 하나라도 끝까지 만들어보는 경험이라고 생각합니다. 특히 비전공자라면 처음부터 기능이 많은 앱을 붙잡는 것보다, AI와 대화하듯 하나씩 만들어보면서 흐름을 익히는 편이 훨씬 부담이 적습니다. 버튼 하나를 만들고, 화면 하나를 구성하고, 내가 원하는 반응이 실제로 나오는지 확인하는 과정만 거쳐도 앱 제작이 훨씬 덜 막연해집니다.저는 이런 주제를 볼 때마다 결국 시작점이 가장 중요하다고 느낍니다. 처음부터 완성도 높은 앱을 만들겠다고 마음먹으면 오히려 손이 늦어질 수 있습니다. 반대로 .. 2026. 3. 19.
바이브코딩 입문자 책 추천 5권, 비전공자 로드맵부터 클로드 코드·커서·MCP까지 비전공자 기준으로 고른 바이브코딩 입문 책 5권바이브코딩 책을 고를 때 가장 먼저 보게 되는 것은 책이 얼마나 유명한 지보다, 지금 내 수준에서 실제로 따라갈 수 있는지 여부라고 생각합니다. 특히 비전공자라면 처음부터 개념이 너무 많거나 설명이 지나치게 압축된 책 보다, 직접 만들어보면서 감각을 붙잡게 해주는 책이 훨씬 도움이 되는 경우가 많습니다. 저도 이번 목록은 그런 기준으로 골랐습니다. 많이 아는 사람의 시선보다, 처음 시작하는 사람이 어디에서 막히고 무엇을 먼저 익혀야 하는지를 더 중요하게 봤습니다.가장 먼저 눈에 들어오는 책은 『혼자 공부하는 바이브 코딩 with 클로드 코드』입니다. 이 책은 AI와 대화하듯 주고받으며 앱을 만드는 흐름에 익숙해지기 좋은 출발점으로 보입니다. 비전공자 입장에서.. 2026. 3. 19.
바이브코딩 초보를 위한 IA 작성법: 이미지 전달, 화면 흐름, 피그마 활용까지 쉽게 정리 바이브코딩에서 IA는 꼭 복잡하게 만들어야 할까 처음 바이브코딩을 접했을 때 저는 IA(Information Architecture)라는 개념부터 부담스럽게 느껴졌습니다. 기존에 공부했던 IA는 화면을 하나하나 설계하고, 구조를 촘촘하게 짜는 방식이었기 때문에 자연스럽게 “이걸 다 해야 하나?”라는 생각이 들었습니다. 특히 비개발자 입장에서는 이 단계부터 이미 진입장벽처럼 느껴졌습니다. 하지만 제가 직접 경험해보니 바이브코딩에서의 IA는 기존 방식과는 조금 다르게 접근하는 것이 훨씬 현실적이었습니다. 모든 화면을 완벽하게 정의하려고 하기보다는, AI가 이해할 수 있을 정도의 흐름만 잡아주는 것이 더 중요하다는 점을 깨달았기 때문입니다. 처음에는 욕심을 내서 세세하게 정리하려니 오히려 진행 속도가 느려졌습.. 2026. 3. 19.
바이브코딩에서 깃허브가 필수인 이유, 깃(Git) 개념, 저장 원리까지 쉽게 이해하기 바이브코딩에서 깃허브가 필수라고 느끼는 이유바이브코딩을 하면서 가장 먼저 들었던 말이 “깃 연결을 해야 저장이 된다”는 이야기였습니다. 처음에는 솔직히 잘 이해가 되지 않았습니다. 저는 그냥 파일을 저장하면 끝이라고 생각했기 때문입니다. 그런데 실제로 작업을 하다 보니 코드가 꼬이거나, 이전 상태로 돌아가고 싶은 순간이 생겼습니다. 그때 단순 저장만으로는 해결이 어렵다는 걸 직접 느끼게 되었습니다.제가 느끼기에 바이브코딩은 빠르게 만들고 수정하는 과정의 반복이었습니다. 코드가 계속 바뀌다 보니 어떤 상태가 잘 작동했는지 기억하기 어려웠습니다. 그런데 깃을 사용하니 코드의 변경 과정이 기록으로 남았습니다. 언제 무엇을 수정했는지 확인할 수 있었고, 문제가 생기면 이전 상태로 되돌릴 수 있었습니다. 이 부분.. 2026. 3. 19.