바이브 코딩으로 레트로 스타일 웹사이트 만드는 과정 공개(프롬프트, 소스코드 포함)

1. 들어가며 오늘은 바이브 코딩으로 레트로 스타일 웹사이트를 제작한 과정에 대해서 소개해 드릴게요. 바로 프롬프트를 공개해 드리겠습니다. Claude Opus 4.1로 만들었습니다. 2. 프롬프트 1. 프로그램 개요 80-90년대 레트로 감성을 현대적으로 재해석한 디자인 스튜디오 웹사이트를 만들어줘. “RETRO STUDIO”라는 이름으로 타이포그래피와 비주얼 디자인을 강조하는 원페이지 스크롤 방식의 사이트를 구현해줘. 네온사인, 픽셀아트, 신스웨이브 같은 복고풍 요소들을 적극 활용하면서도 … 더 읽기

바이브코딩으로 만든 웹아트 시리즈 #1 – 전구 효과

바이브코딩으로 제작한 웹아트 시리즈를 새롭게 시작하게 되었어요. 그 첫 번째 작품으로 인터랙티브한 전구 효과를 구현해 보았어요. 이 작품의 핵심은 마우스 커서를 전구로 변환시켜, 어두운 화면 위를 움직일 때마다 숨겨진 단어들이 은은한 빛과 함께 드러나는 시각적 경험을 제공하는 거예요. 마치 실제 전구를 들고 어두운 공간을 탐험하는 듯한 몰입감을 선사해요. 이번 작품은 별도의 라이브러리나 프레임워크 없이 순수 … 더 읽기