블로그

바이브코딩 도전 10일차. 디스코드 채팅 생성기와 Threads 댓글 생성기를 하루 만에 만들었습니다. 왜 이 도구가 필요한지, 어떤 전략으로 빠르게 만들었는지 기록합니다.

바이브코딩 9일차. 가짜 유튜브 댓글 캡처 생성기를 만들면서 아바타 디자인을 3번 바꾸고, flex align-items 때문에 하트가 엉뚱한 곳에 그려진 CSS 버그를 잡은 기록.

바이브코딩 8일차. 유튜브 다운로더 랜딩페이지를 '현재 준비중' 상태에서 3단계 가격 티어로 판매하는 랜딩페이지로 전면 리디자인한 과정을 정리합니다.

국세청 근로소득 백분위 자료를 기반으로 대한민국 직장인 연봉 구간별 상위 퍼센트를 정리했습니다. 내 연봉이 상위 몇 %인지 확인해보세요.

Next.js에서 MDX 블로그 시스템 구축, favicon·OG meta·robots.txt SEO 최적화, Canvas 2D 물리 엔진으로 인터랙티브 웹게임까지 바이브코딩으로 만든 과정을 정리합니다.

Anthropic의 Claude Code 소스코드가 트위터에서 유출됐습니다. 어떻게 된 건지 정리해봤습니다.

Next.js 프로젝트를 Vercel에 배포하고, Google Analytics 4와 AdSense를 연동하고, 네이버·구글 서치콘솔에 등록하는 전체 과정을 정리합니다.

오타니 쇼헤이가 사용한 만다라트 목표 설정법을 웹으로 구현했습니다. 9x9 그리드 양방향 싱크, 5가지 컬러 팔레트, 키보드 네비게이션, 이미지 내보내기까지.

가짜 카카오톡 대화 캡처를 만드는 웹 도구와 유튜브 다운로더 랜딩페이지를 바이브코딩으로 하루 만에 개발한 과정을 정리합니다.

바이브코딩 챌린지 2일차, 졸면서 코딩하다 결과물이 없었던 날의 솔직한 회고입니다. 매일 코딩 챌린지에서 컨디션 관리가 중요한 이유.

연봉을 입력하면 실시간으로 돈이 쌓이는 카운터를 React로 만들었습니다. 4대보험, 근로소득세, 지방소득세까지 한국 세법 기준으로 계산합니다.

매일 퇴근 후 2~3시간, 하루 1개 서비스를 바이브코딩으로 만드는 100일 챌린지를 시작하며 Next.js로 랜딩페이지를 제작한 과정을 정리합니다.