병원 홈페이지를 AI로 수정·배포한 실전 사례

청강 한 번이 계기가 되어, 방치했던 병원 홈페이지를 직접 살렸다.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051[Codex] 청강 한 번이 계기가 되어, 방치했던 병원 홈페이지를 직접 살렸다

📝 한줄 요약

우연히 들은 청강을 계기로 거의 방치했던 병원 홈페이지를 확인했다가, 도메인 연결이 끊어져 있고 호스팅 업체도 폐업을 앞두고 있다는 사실을 알게 됐습니다. Codex의 도움으로 기존 자료를 살려 홈페이지를 다시 만들고, 화면을 다듬고, 제가 보유한 도메인에 연결하는 일까지 직접 마쳤습니다.

바쁘시면 이것만 읽어도 돼요:

- 제 본 스터디의 작업이 아니라, 우연히 들은 청강에서 시작된 일이었습니다.
- 목표는 방문자가 많은 서비스가 아니라, 네이버플레이스에서 눌러 보면 병원 정보를 확인할 수 있는 기본 홍보용 홈페이지였습니다.
- 원하는 디자인을 말로 설명하고 결과를 보며 수정했습니다.
- 가장 인상적이었던 것은 오류 화면을 보여주면 다음에 할 일을 구체적으로 안내받을 수 있었다는 점입니다.
- AI의 안내만으로 해결되지 않은 가비아 파킹 문제는 고객센터의 도움을 받아 풀었습니다.
- 결과적으로 기존 사진과 내용을 활용한 홈페이지를 만들고, 제 도메인의 일반 주소와 www 주소 모두 연결했습니다.

🎯 이런 분들께 도움돼요

- 병원이나 가게 홈페이지를 오래 방치해 둔 운영자
- 홈페이지 관리 업체나 호스팅 서비스를 바꿔야 하는데 어디서부터 시작할지 막막한 분
- 화면을 수정하거나 도메인을 연결하는 일이 어려워 늘 다른 사람에게 맡겼던 분

😫 문제 상황 (Before)

먼저, 이 작업은 제 본 스터디의 과제가 아니었습니다. 우연히 들은 청강이 계기였습니다.

청강을 보다가 거의 버려두다시피 했던 제 병원 홈페이지가 생각났습니다. 오랜만에 접속해 보니 요금제 만료로 도메인 연결이 끊어져 있었습니다. 그 문제를 확인하는 과정에서 홈페이지를 호스팅하던 QUV의 폐업 공지도 보게 됐습니다.

이제는 그냥 잊고 지낼 수 없었습니다. 기존 홈페이지의 사진과 내용을 확보하고, 다른 곳에서 다시 열리게 해야 했습니다.

그렇다고 큰 홈페이지가 필요한 것은 아니었습니다. 제 병원 홈페이지는 방문자가 거의 없고, 검색한 사람이 네이버플레이스에서 한 번 눌러 보고 병원 정보를 확인하는 정도의 홍보용 사이트입니다. 사진, 의료진 소개, 진료시간, 주소와 예약 방법이 잘 보이면 충분했습니다.

이런 용도에 맞게 옮기고 싶었지만, 예전 같았으면 홈페이지 파일을 가져오고 화면을 고치고 도메인을 연결하는 작업을 혼자 끝내기는 어려웠을 것입니다. 이번에는 AI의 도움을 받아 직접 해보기로 했습니다.

🛠️ 사용한 도구

- **Codex**: 기존 자료 백업, 홈페이지 제작과 수정, 화면 검증, 오류 해석과 설정 안내
- **Cloudflare**: 새 홈페이지 업로드와 도메인 연결
- **가비아**: 제가 보유한 도메인 관리
- **구글지도·네이버예약**: 방문 안내와 예약 연결
- **모델**: astra를 쓰기에는 사치 같아서 무난하게 sol 6.1을 사용했습니다.

계정 가입, 파일 업로드, 가비아 설정 변경, 고객센터 문의는 제가 직접 했습니다. AI는 파일을 만들고 검증하거나, 제가 보고 있는 화면에서 무엇을 해야 하는지 안내하는 역할을 했습니다.

🔧 작업 과정

### 우선, 홈페이지에 남아 있는 자료부터 살렸다

시작은 간단한 질문이었습니다.

```text
이 주소의 홈페이지의 데이터를 통째로 여기 로컬에 저장할 수 있을까?

Codex가 공개된 페이지와 연결된 사진 등을 내려받았습니다. 다만 홈페이지 주소로 가져올 수 있는 자료와, 회원정보나 서버 내부 데이터는 다르다는 설명도 받았습니다. 제 목적은 병원 소개 자료를 살리는 것이었으므로 공개 페이지와 사진을 확보하는 것이 우선이었습니다.

백업에는 보완 과정이 있었습니다. 일부 배경 사진 주소가 특수한 형태로 들어 있어 첫 다운로드에서 누락됐고, 이를 확인해 추가로 저장했습니다. 최종 백업 목록에는 221개 파일이 기록됐습니다.

파일을 확보했다고 그대로 새 호스팅에 올리면 끝나는 것도 아니었습니다. 기존 사이트에는 QUV 서버를 불러오는 기능들이 섞여 있었습니다. 그래서 사진과 내용을 활용하되, QUV가 없어도 작동하는 홈페이지를 별도로 만들었습니다.

이전용 홈페이지부터 완성해보자 로컬에서

병원 소개, 의료진, 진료안내, 내부시설, 진료시간, 오시는길을 한 페이지에서 볼 수 있게 만들었습니다. 회원가입이나 게시판보다 전화와 네이버예약 버튼이 제 용도에는 더 중요했습니다.

디자인을 설명하는 말이 수정 요청이 됐다

첫 결과를 보고 나니 무엇을 바꾸고 싶은지가 보였습니다. 기존 홈페이지의 진료안내 사진들이 새 화면에는 빠져 있어 물어봤고, 이미 백업되어 있던 이미지 9개를 다시 넣었습니다. 진료시간도 현재 운영에 맞게 수정했습니다.

첫 화면에 크게 들어간 제 진료 사진은 조금 부담스러웠습니다. 그 자리에 진료시간을 올리고, 병원 전경을 옅은 배경으로 쓰고 싶었습니다.

켜자마자 나오는 메인에 박혀있는 우측 내 얼굴 사진이 아무래도 부담스러워서 빼고싶다. 그 자리에 아래에 빠져있는 진료시간안내를 세로정렬로 크게 올려서 채우고 배경에 병원 전경 사진 중 제일 큰걸 반투명하게 해서 전체크기에 비율은 유지한채로 늘려 맞춰넣고싶어. 그리고 모바일 환경에서도 깨지지 않게 보이도록 빌드하고싶어

이렇게 말하니 첫 화면 구성이 바뀌었습니다. PC에서는 소개 문구 옆에 진료시간이 크게 보이고, 휴대폰에서는 소개 아래에 시간표가 이어지도록 배치됐습니다.

한 번에 원하는 모습이 완성된 것은 아니었습니다. 배경 사진이 너무 흐려 다시 잘 보이게 해달라고 했고, 병원명도 “우리들치과”에서 “우리들치과의원”으로 바꿨습니다. 오시는길에는 실제 지도도 넣었습니다.

이 과정에서는 디자인이나 홈페이지 구성의 전문 용어를 정확히 알지 못해도, 결과를 보고 “이 사진은 빼고 싶다”, “시간표를 크게 올리고 싶다”, “배경을 조금 더 보이게 하고 싶다”라고 설명할 수 있었습니다. Codex는 그 요청을 화면으로 바꾸고 작은 모바일 화면에서도 잘리는 곳이 없는지 확인했습니다.

가장 도움이 된 것은 오류 화면을 함께 읽는 일이었다

로컬에서 홈페이지가 잘 보이자 Cloudflare에 가입하고 준비된 ZIP 파일을 업로드했습니다. 이후 제 도메인을 연결하려고 하니 낯선 설정들이 이어졌습니다.

어디에서 도메인을 추가해야 하는지부터 물었습니다.

1번 도메인 추가를 어디서 해야하지?

화면을 캡처해 보내면 “이 버튼을 누르면 된다”, “여기에서 네임서버 두 개를 확인하면 된다”처럼 다음 행동을 안내받았습니다. 이 부분이 가장 인상적이었습니다. 오류나 설정 화면 앞에서 혼자 멈춰 있는 대신, 지금 보이는 화면을 AI에게 보여주며 한 단계씩 진행할 수 있었습니다.

하지만 안내대로만 하면 모든 문제가 풀리는 것은 아니었습니다. 가비아에서 네임서버를 바꾸려 하자 이런 메시지가 나왔습니다.

네임서버 변경이 불가능한 도메인입니다.(사유: 파킹 이용 도메인) 라고 뜨는데 이건 왜그러지?

파킹은 도메인에 임시 안내 화면을 보여주는 기능이라고 했습니다. 이를 해지하려고 설정 화면에 들어갔지만 해지 버튼이 보이지 않았습니다. 캡처를 다시 보내며 진행했더니, 기존 네임서버가 QUV라 가비아의 파킹 설정 화면에 들어갈 수 없는 상태라는 점이 드러났습니다.

처음 AI가 안내한 경로로는 해결되지 않았습니다. 그때 Codex가 가비아 고객센터에 설명할 문의 문안을 정리해 줬습니다. 저는 그 내용을 바탕으로 고객센터에 문의했고, 파킹 해제와 네임서버 변경을 마쳤습니다.

고객센터에 문의해서 파킹 해제하고 네밍서버 바꾸는데까지 성공했어

AI가 고객센터를 대신한 것은 아닙니다. 제가 막힌 상태를 설명하고 필요한 조치를 요청할 수 있게 도와준 것입니다. 혼자 처리하더라도 외부 도움을 받아야 할 지점까지 구분할 수 있었습니다.

마지막 DNS 충돌까지 해결하고 내 주소로 열었다

네임서버를 바꾼 뒤에도 한 번 더 막혔습니다. 도메인에 기존 연결 기록이 남아 있어 새 홈페이지를 연결할 수 없다는 오류였습니다.

AI가 이전 화면에서 확인했던 기록을 기준으로, 어떤 항목을 정리해야 하는지 안내했습니다. 필요없어진 항목을 삭제하고 새 연결을 추가하자 제 도메인에서 홈페이지가 열렸습니다.

다만 일반 주소는 되는데 www가 붙은 주소는 오류가 났습니다. 이 역시 기존 연결 기록을 정리하고 www 주소를 추가해 해결했습니다. 마지막에는 두 주소 모두 정상적으로 열리는 것을 제가 확인했습니다.

CNNAME 삭제하고 다 잘 되었다 두 주소 모두 정상 연결되는것 확인했다

자료를 가져오고 화면을 만드는 일뿐 아니라, 업로드 이후 실제 주소로 열리게 하는 일까지 끝냈습니다. 예전 같았으면 중간의 설정과 오류에서 혼자 진행하기 어려웠을 작업이었습니다.

✅ 결과 (After)

Before vs After

작업 시간이나 외주 비용 절감액은 따로 측정하지 않았습니다. 이번 경험의 의미는 금액보다, 제가 원하는 홈페이지를 직접 수정하고 막힌 설정을 해결해 실제 주소로 연결하는 일까지 해봤다는 데 있습니다.

결과물

• 우리들치과의원 홈페이지
• www 주소
• 기존 자료의 로컬 백업과, 추후 수정 후 다시 올릴 수 있는 배포 ZIP

네이버플레이스의 홈페이지 주소 변경은 후속 작업으로 안내받았습니다. 이 글에서는 그 변경까지 완료했다고 주장하지 않습니다.

💬 이 과정에서 배운 AI 활용 팁

효과적이었던 것

1. 내 홈페이지의 용도를 먼저 설명했습니다. 방문자가 거의 없는 기본 홍보용이라는 조건을 알려주니, 복잡한 기능보다 필요한 정보에 집중할 수 있었습니다.
2. 처음부터 완벽한 디자인을 설명하려고 하지 않았습니다. 나온 화면을 보고 부담스러운 사진, 작은 시간표, 흐린 배경처럼 구체적인 부분을 하나씩 바꿨습니다.
3. 막히면 오류 문구와 화면을 그대로 보여줬습니다. “안 된다”보다 지금 어느 화면에서 어떤 메시지가 나왔는지가 다음 행동을 정하는 데 도움이 됐습니다.
4. AI의 안내가 통하지 않은 결과도 다시 전달했습니다. 파킹 해지 화면에 들어갈 수 없다고 알렸기에, 고객센터 문의가 필요한 상황을 확인할 수 있었습니다.

조심할 것

1. 다운로드됐다는 말과 새 홈페이지에 적용됐다는 말은 다릅니다. 진료안내 사진은 백업되어 있었지만 새 화면에 빠져 있어 다시 요청해야 했습니다.
2. 설정 안내를 무조건 맞다고 생각하지 않는 것이 좋습니다. 실제 계정 상태나 화면이 다를 수 있습니다. 이번 파킹 문제도 처음 안내한 경로로는 해결되지 않았습니다.
3. 오래된 정보를 그대로 옮기지 않도록 확인해야 합니다. 제 경우에는 진료 종료 시간이 바뀌어 있어 현재 시간으로 수정했습니다.

🌍 다른 업무에 적용한다면?

병원이나 가게의 홈페이지를 오래 방치했다면, 전체를 새로 만들지 고민하기 전에 현재 주소가 열리는지, 진료시간이나 영업시간이 맞는지, 예약 링크가 제대로 연결되는지부터 AI와 함께 확인해 볼 수 있습니다.

그 과정에서 필요한 변경을 말로 요청하고, 막힌 화면을 캡처해 보내는 방식은 다른 서비스의 설정이나 안내 자료를 정리할 때도 활용할 수 있을 것 같습니다.

🚀 앞으로의 계획

이번 홈페이지는 기본 홍보용으로 필요한 역할을 하도록 유지하려고 합니다. 그리고 이번 경험을 계기로, 예전에는 혼자 하기 어려울 것 같아 미뤄뒀던 다른 병원 업무에도 AI의 도움을 적용해 보고 싶습니다.

아직 특정 업무를 다음 과제로 정한 것은 아닙니다. 다만 낯선 화면이나 오류가 나와도, 그것을 AI에게 보여주며 진행할 수 있다는 경험은 남았습니다.

📋 재사용 가능한 프롬프트

프롬프트 1: 방치한 홈페이지 점검과 이전 준비

제 [병원/가게] 홈페이지 주소는 [기존 주소]입니다. 현재 [도메인 연결이 끊김/호스팅 종료 예정] 상태입니다. 방문자가 많지 않은 기본 홍보용 홈페이지이며, [소개·사진·영업시간·주소·예약 링크]가 필요합니다. 공개된 자료를 로컬에 백업하고, 기존 자료를 활용한 이전용 홈페이지를 만들어 주세요. 확보할 수 있는 자료와 없는 자료를 구분하고, 모바일에서도 정상 표시되는지 확인해 주세요. 먼저 로컬에서 검토한 뒤 제가 보유한 [도메인]에 연결하고 싶습니다.

프롬프트 2: 설정 화면에서 막혔을 때

지금 [하려던 작업]을 진행하다가 첨부한 화면에서 막혔습니다. 오류 문구는 “[화면에 나온 문구]”입니다. 이 화면에서 무엇을 눌러야 하는지 한 단계씩 알려주세요. 이전 안내대로 해도 안 됐다면 현재 상태에 맞춰 다시 판단해 주세요. 삭제나 변경이 필요하면 어떤 항목인지 정확히 짚어주고, 고객센터 도움이 필요하면 제가 보낼 문의 문안도 정리해 주세요.

프롬프트 3: 결과를 보고 디자인 수정하기

지금 홈페이지에서 [부담스럽거나 불편한 부분]을 바꾸고 싶습니다. [사진 제거/중요 정보 위치 변경/배경 농도 조정]을 하고, 휴대폰에서는 [원하는 배치]로 보이게 해주세요. 현재 내용과 사진을 활용하고, 수정 후 작은 모바일 화면에서도 잘림이나 가로 스크롤이 없는지 확인해 주세요.

출처

• 원문: https://www.gpters.org/contents/post/ceonggang-han-beoni-gyegiga-doeeo-bangcihaessdeon-byeongweon-hompeijireul-h1iQlS9jNEFksWF (2026-10-08 · 박무경)