홈페이지를 만들려고 코딩을 꼭 배울 필요는 없습니다. Google Sites 같은 홈페이지 빌더는 템플릿을 고르고 화면에서 고친 뒤 게시하면 됩니다. Google Sites 고객센터의 「사이트 만들기」 순서(템플릿 선택·수정·게시)에는 코드를 쓰는 단계가 없습니다.
다만 코드를 알면 빌더에 없는 기능을 붙이거나 화면을 처음부터 직접 짤 수 있습니다. 2026년 10월 21일에 Google Sites 고객센터와 MDN 학습 문서를 읽고, 코딩이 필요해지는 지점과 배우는 순서를 정리했습니다.
1. 홈페이지 만들기, 코딩 꼭 배워야 하나요?
아니요. 소개·연락처·사진을 보여 주는 홈페이지라면 빌더로 코드 없이 만들 수 있습니다. 빌더는 코드 대신 화면에서 템플릿을 고르고 글과 사진을 바꿔 사이트를 만드는 서비스입니다.
코딩을 배우는 쪽이 맞는 경우도 있습니다. 화면을 마음대로 짜고 싶거나, 빌더가 주지 않는 기능을 넣고 싶을 때입니다. 아래에서 두 경우를 차례로 봅니다.
2. 빌더는 코드 없이 화면에서 만듭니다
Google Sites 고객센터의 「사이트 만들기」 순서는 네 줄입니다. 컴퓨터에서 Google Sites를 열고, '새 사이트 시작' 아래에서 템플릿을 고르고, 사이트를 수정한 뒤, 오른쪽 상단에서 게시를 누릅니다.
게시할 때도 코드는 없습니다. 같은 고객센터의 게시 안내는 상단에서 게시를 누르고, 사이트의 웹 주소를 입력한 뒤, 다시 게시를 누르라고 적었습니다.
글과 사진을 바꾸고 페이지를 더하는 일도 고객센터에 각각 따로 안내돼 있습니다. 처음 만드는 순서는 구글 무료 홈페이지 만들기, 사이트 도구로에서 이어서 다룹니다.
3. 코드가 필요해지는 순간
빌더 안에서도 코드를 쓸 수 있습니다. Google Sites 고객센터에는 「사이트에 HTML, CSS, 자바스크립트 코드 추가」라는 안내가 따로 있고, 삽입 메뉴에서 「코드 삽입」을 눌러 코드를 넣는 순서가 적혀 있습니다.
같은 안내는 자바스크립트 코드는 <script> 태그 안에, CSS 코드는 <style> 태그 안에 있어야 한다고 적었습니다. 이런 규칙을 알아야 붙여 넣은 코드가 제대로 돕니다.
빌더로 시작해도, 빌더에 없는 기능을 붙이려는 순간부터는 HTML·CSS·자바스크립트 기초가 쓸모 있어집니다. 그 전까지는 코딩을 몰라도 홈페이지를 열고 고칠 수 있습니다.
4. 배우기로 했다면 MDN 순서대로
MDN은 HTML·CSS·자바스크립트를 처음부터 가르치는 웹 개발 학습 문서입니다. 처음 배우는 사람을 위한 「Getting started」 과정이 있고, 그 안의 「Your first website」는 웹 기술을 모른다고 가정하고 시작합니다.
MDN 「Learn web development」 첫 페이지는 코딩을 처음 하는 사람에게 어디서 시작할지 이렇게 안내합니다.
"You should start here if you are a complete beginner (i.e., you've not installed a code editor or written any code yet)."
풀면 코드 편집기를 설치해 본 적도, 코드를 써 본 적도 없는 완전 초보라면 「Getting started」에서 시작하라는 뜻입니다. 다만 「Your first website」는 컴퓨터에서 파일을 다루고 웹을 둘러보는 데는 익숙해야 한다고 적었습니다.
과정은 HTML로 내용을 짜고, CSS로 꾸미고, 자바스크립트로 움직임을 더한 뒤 게시하는 순서입니다. MDN 설명대로 HTML은 페이지의 뼈대와 내용을, CSS는 모양을, 자바스크립트는 버튼 반응 같은 움직임을 맡습니다.
5. 다 짠 뒤에는 올릴 곳이 필요합니다
직접 짠 홈페이지는 파일로만 있으면 남이 볼 수 없습니다. MDN 게시 문서는 코드를 다 쓰면 사람들이 찾을 수 있도록 온라인에 올려야 한다고 설명합니다.
MDN에 따르면 대부분의 전문가·기업은 웹 호스팅(파일을 올려 두는 서버 공간)과 도메인(주소)을 삽니다. 무료로 먼저 올려 보려면 깃허브로 웹사이트 무료 배포하기를 참고하세요.
6. 코딩을 어디까지 할지 정하는 법
정답은 홈페이지로 하려는 일에 달려 있습니다. 내 상황에 가까운 줄을 고르면 됩니다.
- 소개·연락처·사진이면 충분하다 → 빌더만으로 시작
- 다른 서비스가 준 HTML 코드를 붙이고 싶다 → 빌더 + 코드 삽입
- 화면 구성을 처음부터 내 마음대로 짜고 싶다 → MDN으로 HTML부터
처음부터 코딩을 배우기보다, 빌더로 먼저 열어 보고 막히는 지점이 생길 때 그 부분만 배우는 순서가 부담이 적습니다.
세 가지 제작 방법 전체는 홈페이지 제작 방법, 세 가지 길 총정리에 있습니다. AI로 코딩을 대신할 수 있는지는 홈페이지 만들기 AI, 정말 혼자 될까?에서 봅니다.
빌더를 고르는 기준은 홈페이지 제작 사이트 순위? 고르는 기준에, 앱까지 넓혀 본 이야기는 코딩을 몰라도 정말 앱을 만들 수 있을까에 있습니다.
참고자료 (모두 2026년 10월 21일 확인)
- Google 사이트 도구 고객센터 「Google Sites 사용 방법」 — support.google.com/sites
- Google 사이트 도구 고객센터 「사이트 게시 및 공유하기」 — support.google.com/sites
- Google 사이트 도구 고객센터 「Google 파일, 동영상, 웹사이트 콘텐츠 등 추가하기」 — support.google.com/sites
- MDN 「Learn web development」 — developer.mozilla.org
- MDN 「Your first website」 — developer.mozilla.org
- MDN 「Publishing your website」 — developer.mozilla.org
#홈페이지만들기코딩 #홈페이지만들기 #코딩없이홈페이지 #HTML기초 #구글사이트도구
