[엠아이넥스트 강의수행] 김용한박사, 코딩 없이 반나절 만에 만드는 홈페이지와 웹서비스 AI 활용 실습 진행

2026년 9월 17일 오후 1시부터 5시까지 진행한 이번 강의는 AI 시대의 홈페이지 제작 방식과 웹서비스 개발 프로세스를 이해하고, 비개발자도 직접 기획과 제작, 검수, 공개까지 수행할 수 있도록 구성했다. 강사는 엠아이넥스트 김용한 대표가 맡았다.

홈페이지와 웹서비스를 구분하는 것에서 시작하다

강의는 ‘홈페이지를 만든다’는 표현을 목적과 기능에 따라 다시 정의하는 것에서 시작했다. 기업과 기관을 소개하고 상담을 유도하는 홈페이지, 여러 페이지와 콘텐츠를 제공하는 웹사이트, 조회·신청·예약·진단을 처리하는 웹서비스, 로그인과 권한·데이터 저장·개인화 기능을 갖춘 웹앱은 제작 범위와 운영방식이 서로 다르다는 점을 설명했다.

화면만 예쁘게 만드는 방식으로는 실제 서비스가 완성되지 않는다. 프런트엔드 화면, 백엔드 처리규칙, 데이터와 파일 저장, 관리자 권한, 외부 서비스 연결, 도메인과 호스팅까지 함께 설계해야 방문자와 관리자가 모두 사용할 수 있는 웹서비스가 된다. 이에 따라 홈페이지 제작의 첫 질문도 “어떻게 코딩할 것인가”가 아니라 “누구의 어떤 문제를 해결하고, 방문자가 어떤 행동을 하게 할 것인가”로 바뀌어야 한다고 강조했다.

Project·Work·Sites를 연결한 AI 제작 실습

두 번째 단계에서는 AI 도구를 역할에 따라 구분하고 연결하는 방법을 실습했다. Project는 홈페이지의 목적, 자료, 지침, 결정사항을 보관하는 기준 공간으로 활용하고, Work에서는 방문자·사이트맵·페이지 구성·기능·운영방안을 PRD로 구체화했다. 이후 승인된 기획 범위에 따라 제작을 진행하고, Sites에서 실제 화면과 모바일 환경을 확인하는 흐름으로 진행했다.

특히 AI에게 전체 제작을 한 번에 맡기기보다 목적 설명, 작은 작업 요청, 결과 확인, 수정, 재검수의 반복 구조를 운영해야 한다는 점을 다뤘다. AI가 만든 결과를 그대로 공개하는 것이 아니라 사람이 사실관계, 자료의 최신성, 이미지 사용권, 모바일 화면, 링크와 CTA, 개인정보와 보안 요소를 확인하고 승인해야 한다는 원칙이다. 핵심 메시지는 ‘AI가 만들고 사람은 판단하고 승인한다’는 구조로 정리했다.

공개 이후까지 고려하는 관리자 운영체계

강의 후반부에서는 홈페이지를 실제로 운영하기 위한 관리자 관점의 검수와 공개 절차를 다뤘다. 페이지별 목적과 핵심 질문, 필수 콘텐츠, 주 CTA, 관리자 수정 항목, 완료기준을 정하고, 방문자 시나리오와 관리자 시나리오를 각각 실행해 오류를 확인하는 방식이다.

관리자는 콘텐츠 작성·수정·승인·권한관리·문의처리·통계확인·수정이력 관리가 가능해야 한다. 모바일에서 제목과 버튼이 제대로 보이는지, 폼과 링크가 작동하는지, 개인정보가 필요한 범위만 수집되는지, 관리자 전용 정보와 공개 정보가 분리되는지, 검색엔진이 페이지의 제목·설명·대표 URL·사이트맵을 이해할 수 있는지도 공개 전 확인사항으로 제시했다.

도메인 연결과 호스팅 설정은 단순히 주소를 붙이는 작업이 아니라 DNS, SSL, 공개범위, 검색등록을 함께 점검하는 운영 과정이다. 또한 홈페이지 공개는 완료가 아니라 운영의 시작이므로 공개 후 D+1에는 메뉴·폼·모바일을, D+7에는 문의·오류·검색 유입을, D+30에는 콘텐츠와 CTA 개선사항을 확인해야 한다고 설명했다.

엠아이넥스트는 이번 강의를 통해 AI 홈페이지 제작, 노코드 웹서비스 구축, ChatGPT Work·Sites 활용법, PRD 기반 웹기획, 관리자 대시보드 운영, 도메인·검색·보안 검수에 대한 실무 기준을 제시했다. 김용한 대표는 비개발자도 작은 범위부터 직접 만들고, 실제 화면에서 확인하며, 고객 반응과 운영 데이터를 바탕으로 개선하면 홈페이지가 단순한 소개물이 아니라 지속적으로 성장하는 사업자산이 될 수 있다고 강조했다.