바이브 코딩으로 구현한 생활 밀착형 사이트 소개
안녕하세요, Arnold Rich입니다.
요즘은 개발자의 시대라고들 하죠.
하지만 저는 단순한 개발을 넘어서, 생활에 바로 도움이 되는 웹을 직접 만들고 싶었습니다.
그래서 시작한 나만의 프로젝트!
직접 코딩해서 만든 웹사이트가 오픈 했습니다.
http://arnoldkoweb.vercel.app
💡 바이브 코딩(Vibe Coding)이란?
‘바이브 코딩’은 제가 표현하는 개발 방식입니다.
엄청난 기획서 없이, 떠오르는 아이디어와 감각(Vibe)을 믿고 빠르게 만들어보는 방식이에요.
- 일상에서 불편했던 점
- 있으면 좋겠다고 느꼈던 기능
- 복잡하지 않고 누구나 사용할 수 있는 구조
이런 포인트들을 중심으로, 직관적이고 실용적인 웹 기능을 개발하고 있습니다.
🌐 arnoldkoweb.vercel.app 소개
현재까지 구현된 기능은 아래와 같습니다.
아직 완성되지 않은 기능도 있지만, 계속해서 발전 중입니다!
🎧 1. 음악 듣기 (Coming Soon)
좋아하는 음악을 브라우저에서 손쉽게,
광고 없이, 재생목록 기반으로 즐길 수 있도록 준비 중입니다.
기존 스트리밍 서비스처럼 복잡하지 않고,
깔끔한 UI + 간단한 플레이 기능을 목표로 개발하고 있어요.
유튜브 기반 음원이나 로컬 오디오 파일을 활용할 수 있도록 할 예정입니다.
💱 2. 실시간 환율 계산기
간단하게 원하는 두 통화를 선택하면,
실시간 환율을 바탕으로 계산 결과를 확인할 수 있습니다.
사용 방법도 정말 간단해요:
- 원화, 달러, 엔화 등 원하는 통화를 선택하고
- 금액을 입력하면
- 즉시 실시간 환율이 반영된 결과가 출력됩니다.
특히 해외 쇼핑, 여행 준비할 때 매우 유용하게 쓸 수 있습니다.
전신환 개념의 환율도 계산 되니까 편하게 사용가능합니다.
🌍 3. 실시간 동시 번역기
내가 입력한 내용을 즉시 여러 언어로 번역해주는 기능입니다.
기존 번역기들은 버튼 클릭, 언어 선택, 결과 복사 등 여러 단계를 거쳐야 했죠.
하지만 이 기능은 다릅니다.
- 한국어로 입력하면 → 영어, 일본어, 중국어로 바로 번역
- 실시간 반영, 별도의 ‘번역’ 버튼 없이
- 즉시 결과 확인 가능!
외국어로 메일을 작성하거나,
다국어 콘텐츠를 만들 때 정말 유용합니다.
또한 외국어 학습용으로도 적극 추천할 만한 기능이에요.
TTS 문장 읽어주는 기능도 추가하였습니다.
✈️ 4. 항공권 검색
복잡한 항공사 사이트에 들어갈 필요 없이,
필요한 항공권을 한 번에 검색할 수 있는 기능입니다.
간단한 도시명과 날짜를 입력하면,
다양한 항공사의 가격 정보를 한눈에 비교할 수 있어요.
현재는 외부 API와 연동해 정보를 불러오고 있으며,
추후에는 가격 알림 기능도 도입할 예정입니다.
🔧 앞으로 추가될 기능은?
이 웹사이트는 한 번 만들고 끝나는 프로젝트가 아닙니다.
꾸준히 기능을 추가하고, 더 실용적으로 개선해나갈 예정입니다.
다음 업데이트로 계획 중인 기능은 다음과 같습니다:
- ✅ 광고 없이 유튜브 영상 재생 기능
- ✅ 클립보드 자동 저장기
- ✅ 하루 일정을 자동 요약해주는 캘린더 요약기
- ✅ 간단한 마인드맵 메모 도구
- ✅ 텍스트 요약 및 자동 정리 툴
🤔 왜 직접 만들었을까?
이미 많은 웹 서비스가 있는데 굳이 직접 만들 이유가 있을까요?
저는 이렇게 생각했습니다:
- 내게 꼭 필요한 기능을 내가 원하는 방식으로 만들고 싶다
- 불필요한 UI/UX 없이, 딱 필요한 기능만 심플하게 제공하고 싶다
- 무료로 누구나 쉽게 이용할 수 있는 사이트를 만들고 싶다
이 프로젝트는 단순한 개발을 넘어서,
**생활 속 ‘디지털 도구함’**을 만드는 여정입니다.