AI로 웹사이트 만들기는 쉬워도, 수정은 어려워요

AI로 만든 웹사이트의 현실을 솔직하게 이야기해 볼게요. 웹사이트를 만드는 건요? 놀라워요. 프롬프트를 입력하면 AI가 아름답고, 반응형이고, 전문가가 만든 듯한 페이지를 몇 분 만에 내놓아요. 마법 같은 기분이 들어요.

그런데 일주일 뒤에 전화번호를 바꿔야 해요.

갑자기 400줄짜리 HTML을 바라보며 알맞은 <span> 태그를 찾고 있어요. 실수로 닫는 <div>를 지워서 페이지 전체가 깨질까 봐 두려워하면서요.

이것이 AI 웹사이트 제작의 숨겨진 비밀이에요. 사이트를 만드는 건 쉬운 부분이에요. 최신 상태로 유지하는 데서 대부분 포기해요.

업데이트 문제

AI가 만든 웹사이트는 보통 CSS가 포함된 HTML 파일 하나예요. 단순해서 좋지만, 아무리 작은 수정이라도 다음 과정을 거쳐야 한다는 뜻이기도 해요.

1. 컴퓨터에서 원본 파일을 찾아요(아직 가지고 있다면요)
2. 텍스트 편집기로 열어요
3. 수백 줄의 코드에서 바꾸려는 부분을 찾아요
4. 아무것도 깨뜨리지 않고 수정해요
5. 파일을 저장해요
6. 호스팅한 곳에 다시 업로드해요

개발자에게는 아주 쉬운 일이에요. 하지만 코드를 만지지 않으려고 AI를 쓴 소상공인에게는 결정적인 걸림돌이에요.

사람들이 늘 업데이트해야 하는 세 가지

SiteDrop에서 지켜본 바로는, 사이트를 게시한 뒤에 사람들이 해야 하는 수정은 예측 가능한 세 가지로 나뉘어요.

1. 텍스트 수정

새 전화번호, 바뀐 영업시간, 다른 슬로건, 목록에 추가한 새 서비스 같은 것들이에요. 몇 초면 끝나야 할 아주 작은 내용 수정인데, HTML 원본에서는 코드를 뒤져서 찾아야 해요.

2. 이미지 교체

AI가 자리 표시 이미지를 썼거나(아니면 일부러 그렇게 요청했을 수도 있어요). 이제 내 사진이 생겨서 바꿔 넣고 싶어요. 코드에서는 알맞은 <img> 태그를 찾아 src 속성을 수정하고, 크기를 조정해야 할 수도 있고, 비율 때문에 레이아웃이 깨지지 않기를 바라야 해요.

3. 스타일 조정

색이 딱 마음에 들지 않아요. 모바일에서 글꼴이 너무 작게 느껴져요. 행동 유도 버튼을 더 눈에 띄게 하고 싶어요. 이런 건 CSS 수정이고, 개발자가 아닌 사람이 의도치 않은 부작용 없이 CSS를 수정하기는 정말 어려워요.

"AI에게 다시 물어보면 되잖아요"가 통하지 않는 이유

가장 확실한 해결책은 코드를 ChatGPT에 다시 붙여 넣고 수정해 달라고 요청하는 거예요. 때로는 통하지만 현실적인 문제가 있어요.

• AI가 요청하지 않은 부분까지 다시 쓸 수 있어요. 전화번호만 바꿔 달라고 했는데 섹션 순서도 바꾸고, 색도 바꾸고, 후기 하나를 지워 버리기도 해요.
• 무엇이 바뀌었는지 알 수 없어요. AI가 전화번호만 바꿨을까요, 아니면 다른 부분도 슬쩍 바꿨을까요? 개발자 도구 없이는 결과물의 차이를 비교할 방법이 없어요.
• 작은 수정에는 너무 느려요. ChatGPT를 열고, 400줄의 HTML을 붙여 넣고, 지시를 입력하고, 응답을 기다리고, 결과를 복사하고, 파일을 저장하고, 다시 업로드해야 해요. 전화번호 하나 때문에요. 10초면 끝날 수정에 10분이 걸리는 셈이에요.
• 원본 파일이 필요해요. 파일을 잃어버렸거나 AI가 만든 뒤에 직접 수정했다면 AI는 내 사이트의 현재 버전을 가지고 있지 않아요.

SiteDrop은 이 문제를 이렇게 해결해요

SiteDrop은 바로 이 문제를 해결하려고 만들어졌어요. 이 방식은 간단한 진실을 바탕으로 설계됐어요. AI는 만드는 데 뛰어나고, 사람에게는 간단하게 수정할 방법이 필요하다는 거예요.

1단계: AI로 만들기(쉬운 부분)

ChatGPT, Claude, Gemini 등 아무 AI 도구로 웹사이트를 만드세요. 더 좋은 프롬프트가 필요하다면 SiteDrop 프롬프트 크리에이터를 사용하세요. 파일을 내려받으세요.

2단계: SiteDrop에 게시하기(30초)

파일을 SiteDrop에 끌어다 놓으세요. 사이트가 바로 게시돼요. SSL, CDN, 실제 URL, 내장 받은편지함이 있는 문의 양식까지 갖춰져요.

3단계: SiteDrop에서 바로 수정하기(판도를 바꾸는 부분)

여기서부터 흥미로워져요. 사이트가 SiteDrop에 올라가면 대시보드에서 바로 수정할 수 있어요. 코드도, 다시 업로드할 일도, AI로 돌아갈 필요도 없어요.

SiteDrop의 내장 에디터로 이런 걸 할 수 있어요.

• 아무 텍스트나 클릭해서 바꿔요. 바꿔야 할 전화번호가 보이나요? 클릭하고, 새 번호를 입력하고, 저장하세요. 끝이에요. 게시된 사이트에 바로 반영돼요.
• 이미지를 시각적으로 교체해요. 자리 표시 이미지를 클릭하고 내 사진을 올리면 똑같은 자리에 딱 맞게 들어가요. 코드도, 깨진 레이아웃도 없어요.
• 색상과 스타일을 조정해요. CSS를 뒤지는 대신 간단한 컨트롤 패널에서 버튼 색상, 배경 색조, 글꼴 크기를 바꿔요.
• 게시하기 전에 미리 봐요. 변경 사항이 게시되기 전에 어떻게 보이는지 정확히 확인하세요. 깜짝 놀랄 일이 없어요.

전체 과정

디자인과 코드라는 힘든 일은 AI가 해요. SiteDrop은 그 코드를 다시는 만질 필요 없이 계속 통제할 수 있게 해 줘요.

왜 중요할까요?

웹사이트는 한 번 만들고 끝나는 프로젝트가 아니에요. 사업은 변해요. 전화번호가 바뀌고, 메뉴가 바뀌고, 가격이 바뀌고, 시즌 프로모션이 왔다가 가요. 수정할 때마다 AI로 돌아가 파일을 찾고, 다시 생성하고, 다시 업로드해야 한다면 대부분의 사람은 사이트 업데이트를 그냥 그만둬요.

그리고 오래된 웹사이트는 없는 것보다 나빠요. 고객에게 최신 상태로 관리할 만큼 신경 쓰지 않는다고 말하는 셈이니까요.

SiteDrop 방식에서는 AI로 만든 사이트가 고정된 결과물이 아니라, 문서를 편집하듯 쉽게 업데이트할 수 있는 살아 있는 페이지가 돼요. AI는 출발점을 줬고, SiteDrop은 오래도록 내 것으로 관리할 수 있게 해 줘요.

이런 분께 잘 맞아요

• 소상공인 — AI로 사이트를 만들었지만 ChatGPT로 돌아가지 않고 정기적으로 업데이트해야 하는 분이에요.
• 프리랜서 — 고객 사이트를 만들고 고객이 직접 관리할 수 있는 사이트를 넘기고 싶은 분이에요.
• 누구든지 AI가 사이트를 만드는 속도는 마음에 들지만 무언가 바뀔 때마다 HTML을 직접 고쳐야 한다는 생각이 두려운 분이에요.

결론

AI 덕분에 웹사이트 만들기는 힘들이지 않고 할 수 있어요. 하지만 쉽게 업데이트할 수 없는 웹사이트는 결국 버리게 될 웹사이트예요. SiteDrop이 그 간극을 메워요. AI로 만들고, 이후에는 코드를 다시 만질 필요 없이 수정하고 관리하세요.