비개발자가 Claude AI를 사용해 Sleep Sound Mixer 웹 앱을 구축합니다
r/ClaudeAI의 한 Reddit 사용자가 개발 경험 없이 Claude AI를 사용하여 완전한 웹 애플리케이션을 구축한 경험을 공유했습니다. 사용자는 '바이브 코딩'이라고 설명하는 방식 - Claude에게 원하는 것을 설명하고 대화를 통해 개선하는 방법을 사용했습니다.
구축된 내용
Sleep Sound Mixer는 다양한 환경 소리를 믹싱하여 맞춤형 앰비언트 사운드스케이프를 만들 수 있는 웹 애플리케이션입니다. 이 앱의 특징은 다음과 같습니다:
- 여섯 가지 다른 앰비언트 사운드: 비, 천둥, 파도, 새소리, 바람, 불꽃 소리
- 각 사운드별 개별 볼륨 슬라이더
- 어떤 조합으로도 사운드를 믹싱하고 매칭할 수 있는 기능
- 깔끔하고 미니멀한 사용자 인터페이스
- 브라우저 기반 기능 (설치 불필요)
개발 과정
사용자는 코딩 배경이 없었으며 다음과 같은 방식으로 프로젝트에 접근했다고 보고했습니다:
- Claude AI에게 원하는 것을 설명하기
- AI와 주고받으며 구현을 개선하기
- 프레임워크 학습이나 Stack Overflow 검색과 같은 전통적인 개발 장애물 피하기
사용자에 따르면, 이런 유형의 프로젝트는 1년 전에는 몇 주가 걸렸을 것이지만, Claude AI를 사용하여 단일 세션에서 완료했다고 합니다.
사용자는 claude.ai/public/artifacts/0e3a4978-724f-4e01-9d28-226350f90744에서 앱의 작동 데모를 공유하고 커뮤니티에 기능 제안을 요청했습니다.
📖 전체 소스 읽기: r/ClaudeAI
👀 See Also
단일 작업 공간 아키텍처로 AI 에이전트 컨텍스트 비대화 줄이기
한 개발자가 복잡한 에이전트 스웜 대신 단일 작업 공간 접근법을 구현하고 채널 수준의 아이덴티티 주입 및 분리된 메모리 폴더를 사용하여 AI 어시스턴트 시작 컨텍스트를 27,000 토큰에서 4,000 토큰으로 줄인 방법을 공유했습니다.
폐기된 부품으로 책상 위에서 구동하는 테슬라 모델 3 컴퓨터
한 연구자가 충돌한 차량에서 부품을 가져와 테슬라 모델 3의 컴퓨터를 책상 위에서 부팅하는 데 성공했습니다. 이 작업에는 12V 전원 공급 장치, 터치스크린, 맞춤형 케이블이 필요했습니다. 이 설정은 특정 IP 주소에서 접근 가능한 SSH 및 웹 서버가 있는 내부 네트워크를 드러냈습니다.
손으로 그린 스케치에서 AI가 생성한 3D 프린팅 가능한 페그보드
한 개발자가 손으로 그린 스케치를 Codex에 입력하여 핸드레일 장난감을 위한 파라메트릭 3D 모델로 변환했으며, 40mm 구멍 간격과 8mm 핀 너비라는 두 가지 치수만 지정했습니다. 이 저장소에는 일곱 개의 놀이 조각, 네 개의 기어, 그리고 인쇄 가능한 보드를 위한 Python 생성기가 포함되어 있습니다.
클로드 오퍼스 4.6, 반복적 피드백을 통해 말볼지 코드 작성 성공
한 개발자가 Claude Opus 4.6을 사용하여 컴파일러 오류를 AI에 피드백으로 제공하는 루프를 구현함으로써 난해한 프로그래밍 언어인 Malbolge로 'Hello World'를 작성하는 데 성공했습니다.