안녕하세요 민혜서입니다.
요번에 소리지도(sorimap.kro.kr)라는 사이트를 한번 만들어 봤는데요.
이거에 관한 비화나 TMI를 짧게 풀어보도록 하겠습니다.
1. 수도권에 사람이 너무 많아
제가 요즘에서야 정모라는걸 나가보기 시작했습니다.
그런데 합성러분들 대다수가 서울에 사는거에요?
저는 경남사람이라 서울까지 올라가기가 쉽지 않아 부산,경남 사는 분들을 만나보고 싶었습니다.
근데 여기서 사람들 한명한명 잡아다 물어볼 수가 없잖아요?
그래서 합성계 사람들의 주소를 모아놓은 사이트를 언젠가 만들어보자 하고 계획하고 있었습니다.
2. 나도 할 수 있을 것 같은데?
개발을 시작하기 전
저에게 html,css,javascript에 대한 지식은 한 100 중 5 정도밖에 없었습니다.
대충 어떻게 돌아가는지 스쳐 지나가며 들은 정도죠.
이런 제가 어떻게 개발을 결심하게 됐냐면
https://www.youtube.com/shorts/0P3MEzztgVE
2023년에 올라온 이 쇼츠, 업로드 되었을 당시에 제가 이걸 보고 머리에 넣어놨다가
이제서야 생각이나서 나도 AI의 도움을 받으면 할 수 있지 않을까? 싶었습니다.
아니나 다를까 세상에는 벌써 웹사이트를 만들 수 있는 AI가 존재했습니다!
바로 vercel의 v0라는 친구입니다!
이 녀석에게 어떤 사이트를 만들고 싶은지, 디자인은 어떤지.. 등등을 입력하면
웹사이트 코드를 짜주고 바로 프리뷰로 보여줍니다.
일정한 금액을 내고 토큰을 산 다음, 그 토큰으로 AI와 대화하며 웹사이트를 구조입니다.
저는 완성까지 20만원정도 들었네요. 앞으로 더 들지도 모르구요 허허
3-1. 까짓거 한번 해보죠.
아무튼 이 친구를 이용해 한번 시작해 봤습니다.
지금과 많이 다르죠? 가장 처음엔 이렇게 만들어 졌습니다.
딱 보니 지도를 내부에서 직접 그린것 같죠? 그래서 여러 수정사항과 함께 지도를 추가했습니다.
처음 지도는 국토교통부의 브이월드를 이용했습니다.
나중에가서는 카카오맵으로 바꿔요.
지도에 위치를 클릭해서 프로필 등록 해보려고 했는데 안되서 접었고.. 암튼
이후로는 프로필 등록 창을 더 디테일하게 만들어 주고
로고도 만들어 줍니다.
어느새 좀 완성되어 가는 느낌이네요
이때쯤 부터 제가 데이터베이스 구현때문에 굉장히 애를먹습니다.
사람들에게 프로필을 입력받고 그게 서버에 저장되어서 모두에게 보여져야 하는데..
진짜 엄청 고생했습니다.
그래서 결국에 구글폼에 신청을 받아서 내가 일일이 넣자! 라고 생각해서
이런 폼도 만들었는데..
지금 어떻게든 해결해서 작동되게 했네요! 어케했지
3-2. 1차 게시
그리고 드디어
버전 131을 끝으로 7월 29일 사이트를 게시했습니다!
이제 합성러 모두가 언제든 프로필을 등록하고 삭제할 수 있죠!
.
.
.
.
.
그런데 어라라..
세상에! 인기 유튜버 기타히어로님이 오셨군요!
이럴수가!! 시진핑에!
어머 캥거루까지!!!
이야 황정민씨까지 오셨네요!!
.
.
.
.
저는 말이죠..
이 작은 합성계라는 곳에 너무 큰 기대를 했나 봅니다...
사람들이 다 건전하고 안전하게 이용할 줄 알고 일부러 프로필에 제한을 안뒀거든요?
그런데 시작부터 분탕이 생겨버렸어요...
덕분에 약간의 인간혐오가 생겼지만!
포기하지 않고!
일단 분탕 프로필 다 삭제하고!
공지쓰고!
하는 도중에 사이트를 한번 보신 여러 합성러 분들께서 피드백을 많이 주셨습니다.
그래서 여러 피드백을 수용해
개인정보 동의라던가 이것저것 사항들을 더 추가하다가..
사이트를 닫아놓고 하는게 낫겠다 싶어서
사이트를 닫고 내부에서 진행하기로 했습니다.
AI 참 대단하죠? 저거 한마디에 이렇게 만들었어요.
아무튼 이렇게 사이트를 닫아놓고 사이트를 더 단하게 만들기 시작했습니다.
근데 닫고 테스트하는 동안 잠깐 30분정도 사이트를 열었거든요?
스샷은 못찍었는데 그새 문재인과 음몽 등장인물 1인이 등록되더라구요.
아이고 신기해라!
큼큼 아무튼
이런 저런 보안 사항들을 추가하고, 테스트를 거쳐..
이럴수가!! 버전이 200개나 더 생겼어요!!!
제가 엄청난 똥꼬쑈를 했다는 증거랍니다..
그리고 이게 AI에게 수정을 맡길때마다 크레딧이 나간단 말이에요?
AI가 짜주다보니 갑자기 쓸데없는 사항을 더 추가하거나 없애면서 크레딧을 뜯어가거나 하기때문에
작은 버그같은건 이런식으로 위치만 찾아서 제가 직접 수정하는 식으로 해서 비용을 조금 덜었습니다.
또 간단한건 얘가 제대로 못하는 경향이 있어요
예를들어 공사중 페이지는 코드내에 true,false 바꾸는걸로 온오프가 되는데
이거 맡겼다가 애가 오류를 자꾸 일으키기도 하더라구요.
뭐 그렇게 영차영차해서 다 수정하고..
그럼 이제 보안쪽은 다 처리했으니
UI 정돈을 좀 더 하고..
4. 진짜 완성
드디어 완성!!!
이렇게 보니 되게 초라해 보이기는 하는데 뭐 이정도가 어딥니까!!
버전 386을 마지막으로 소리지도가 2025년 7월 30일 진짜 오픈을 했습니다!
1차 때에는 약 50명정도의 합성러 분들이 오셔서 프로필을 달아주셨는데요
한번 초기화를 한 상태라 다시 등록을 해주셔야합니다
지금은 이렇게 바뀐지 모르시는 분들도 계시고
화이트리스트 신청하시고 자러가신 분들도 계셔서 등록수가 많이 줄었는데..
홍보가 잘 되면 좋겠네요.
아무튼 소리지도 탈 없이 잘 사용해 주시면 좋겠구요!
여러분도 웹사이트 만드실 수 있습니다!
글 잘 못쓰는데 이렇게 봐주신 여러분들께 큰 감사를 드리며!
이상 민혜서였습니다 감사합니다!
아 그리고 후원해 주신 분이 계신데요
이상한 소문이 도는 것 같습니다..
아무튼 소리지도 사랑해주세요!
20000!