남이 못 엽니다

1/10
닫힌 노트북과 로컬 파일 경로가 적힌 노트
Windows 배포

남이 못 엽니다

file 주소는 내 PC뿐입니다

그런데 서버를 만들죠

복잡한 서버 선과 단순한 세 상자 대조
02 · 통념

서버를 만들죠

그게 더 오래 걸립니다

  • ❌ 서버를 직접 만들기
  • ⭕ GitHub 다음 Vercel

이 방법이 있습니다

보관함, 주소 팻말, 상자 세 개
03 · 반전

세 도구면 됩니다

결제는 끝까지 없습니다

  • GitHub 파일 보관소
  • Vercel 배포와 주소
  • Supabase 데이터 저장

준비물부터 봅시다

카드 없는 책상, 노트북과 메모
04 · 준비물

결제는 없습니다

무료 플랜으로 끝까지

  • Windows 10 또는 11
  • 이메일 하나
  • 페이지 파일
  • 카드 등록 없음

준비됐으면 전체 그림부터

여섯 칸 종이 카드가 한 줄
05 · 흐름

여섯 칸만 갑니다

계정부터 방명록까지

1계정3 2파일 3GitHub 4Vercel 5표 6키

먼저 계정부터

가입 화면을 찍을 자리
06 · 실행1

GitHub를 먼저

나머지 둘은 그걸로 로그인

  • github.com/signup
  • Continue with GitHub
  • Hobby를 고릅니다

⚠️ 번역되면 버튼 이름이 달라 보임

✅ 확인: 탭 셋이 로그인된 상태

이제 파일을 준비합니다

탐색기에서 index.html 이름
07 · 실행2

이 이름만 됩니다

index.html, 맨 바깥

  • 폴더 my-webpage
  • 모든 파일 · UTF-8

⚠️ index.html.txt면 안 뜸

✅ 확인: 확장명 켠 채 index.html

이제 GitHub에 올립니다

Deploy 버튼과 Other 프리셋
08 · 실행3

Deploy를 누르세요

프리셋은 Other입니다

  • vercel.com/new Import
  • Root는 ./ 그대로

⚠️ 목록에 없으면 권한

✅ 확인: Status Ready, 주소가 열림

막히면 이 표를 보세요

증상과 조치가 적힌 종이 표
09 · 검수

404면 이름입니다

증상조치
404index.html 위치
한글 깨짐UTF-8로 저장
예전 화면Ctrl+Shift+R

다 됐으면 이 목록만

휴대폰과 노트북에 같은 페이지
10 · 행동

주소를 여세요

휴대폰에서도 같은 주소

  • Status가 Ready다
  • 짧은 주소가 열린다
  • 다른 기기에서도 열린다
  • 데이터면 5단계로
vercel.com/new