응급의학과 의사가 AI와 휴대폰으로 한 달 만에 웹사이트 3개를 만들었습니다

AI 요약

세르비아에서 12년째 응급의학과 의사로 일하는 글쓴이는 오랜 공백 뒤 AI와 대화하며 한 달 동안 웹사이트 세 개를 만들었습니다. BASIC과 Pascal을 조금 배운 경험이 전부였지만, 작업을 거치며 PHP와 WordPress의 차이, SQL과 데이터베이스의 역할, 웹사이트 구성 요소가 서로 소통하는 방식을 익혔다고 합니다. 세 사이트 모두 휴대폰으로 만들고 실제 서비스로 공개했습니다.

만든 웹사이트

Leave It to the World는 누구나 짧은 메시지를 남기는 무한 벽입니다. Global Wall of Gratitude는 고마운 사람에게 공개적으로 감사를 전하는 공간입니다. Send to the Stars에서는 별과 외계행성, 은하를 골라 메시지를 보냅니다. 천체 정보는 HYG 별 데이터베이스, 국제천문연맹(IAU) 명칭 목록, exoplanet.eu, OpenNGC 등 실제 천문 목록과 연구 자료를 사용합니다. 빛의 속도로 메시지가 이동한 거리를 표시하는 카드도 제공하며, 저장한 카드는 오프라인에서도 작동합니다.

작업 중 부딪힌 문제

글쓴이는 원하는 결과를 먼저 설명하고 AI와 충분히 논의한 뒤 코드를 작성하게 합니다. 아이디어가 모호한 상태에서 코딩부터 시작하면 같은 작업을 여러 번 다시 하게 된다는 경험에서 나온 원칙입니다. 메시지 벽에서는 손가락으로 카드를 누를 때 벽을 끄는 동작으로 잘못 인식하는 문제가 있었습니다. 마우스보다 손가락에 더 큰 드래그 임계값을 적용해 해결했습니다. 별 지도에서 핀치 확대가 튀는 문제도 터치 처리를 다시 작성해 고쳤습니다.

별 수천 개가 들어간 페이지 파일은 200KB까지 커져 휴대폰에서 내려받고 편집하기 어려웠습니다. 데이터와 코드를 분리하자 파일 크기가 22KB로 줄었습니다. WordPress에서는 코드 조각을 가져오는 과정에서 중복 항목이 조용히 생겼고, 중복 코드가 사이트 전체를 멈추게 했습니다. 이후에는 가져오기 뒤 중복 여부를 확인하고, 사용하지 않는 플러그인도 정리한다고 합니다.

공개와 배운 점

처음에는 PayPal 결제를 붙여 실제 결제와 서버 측 검증, 카드 게시, 확인 이메일까지 작동하게 했습니다. 하지만 첫 세 프로젝트는 누구나 무료로 이용하는 편이 좋겠다고 판단해 결제를 껐습니다. 공개 후에는 모르는 사람이 남긴 메시지가 결제 수익보다 더 기뻤다고 전합니다. 글쓴이는 초보자도 AI로 실제 서비스를 만들 수 있지만, 무엇을 만드는지 이해하고 이유를 자주 물어야 한다고 말합니다. 실제 휴대폰에서 테스트하고, 보안과 개인정보 보호를 AI에 검토시킨 뒤 다시 확인하며, 완벽하지 않아도 제대로 작동할 때 공개하라고 조언합니다.

dev.to 반응

• @ben — 글을 공유해줘서 고맙습니다.
  • @branislav_kuga_4118d3b3ab — 고마워요, Ben! 정말 큰 힘이 됩니다. 특히 당신이 이렇게 말해주니 더 기쁩니다. 이 이야기를 나누기에 이 커뮤니티가 딱 맞는 곳이었어요.
• @beusebiu — 탭과 드래그가 부딪히는 문제는 마우스로는 절대 드러나지 않는 버그 중 하나입니다. 직접 엄지손가락으로 써봐야 발견하죠. 처음부터 휴대폰으로 만들었으니 첫날 바로 찾았겠네요. ‘먼저 합의하고, 그다음 코딩하기’도 AI를 쓰면서 저도 익히는 데 시간이 걸렸습니다. 손으로 코드를 쓴 지 9년이 지난 뒤에도요. 그 단계를 건너뛸 때마다 같은 화면을 다시 만들게 됩니다.
  • @branislav_kuga_4118d3b3ab — 고마워요, Eusebiu! 실제로 딱 그렇게 됐어요. 늘 휴대폰을 쓰다 보니 엄지손가락으로 카드를 열려는 순간 버그가 나타났습니다. ‘먼저 합의하고, 그다음 코딩하기’가 초보자만 배울 교훈이 아니라는 말을 들으니 안심이 되네요. 9년 경력자에게도 같은 원칙이 통하네요. 😄

원문: dev.to / 번역·요약: Trawling