LEVEL 36 QUEST

배포와 도메인 연결 완전 가이드

완성된 무료 웹 도구를 실제 서비스로 배포하고, 커스텀 도메인을 연결하는 전체 과정을 학습합니다.

Stage 11-5 — 배포와 도메인 연결 완전 가이드

배포의 전체 흐름

코드가 완성되었다면, 이제 전 세계에서 접근할 수 있도록 배포(Deploy)해야 합니다. 배포의 전체 흐름은 다음과 같습니다:

1. 코드 → GitHub에 업로드
2. GitHub → 호스팅 서비스에 연결
3. 호스팅 서비스 → 자동 배포
4. 도메인 구매 및 연결
5. HTTPS(SSL) 자동 적용
6. 최종 테스트 및 성능 확인

이 과정을 하나씩 따라하면 30분 안에 배포가 완료됩니다.

Step 1: GitHub에 코드 업로드

GitHub 저장소 생성과 업로드

GitHub 계정이 없다면: github.com에서 무료 계정을 만드세요.

방법 A: GitHub 웹사이트에서 직접 업로드 (가장 간단)

GitHub에서 "New Repository" 클릭
저장소 이름 입력 (예: my-hourly-rate)
"Add a README file" 체크
"Create repository" 클릭
"uploading an existing file" 링크 클릭
프로젝트 파일들을 드래그 앤 드롭
"Commit changes" 클릭

방법 B: Git 명령어 사용

# 프로젝트 폴더에서 실행
git init
git add .
git commit -m "Initial commit"
git branch -M main
git remote add origin https://github.com/username/my-hourly-rate.git
git push -u origin main
            

프로젝트 구조 예시:

my-hourly-rate/
├── index.html          # 메인 페이지
├── style.css           # 스타일시트
├── script.js           # JavaScript
├── api/                # 서버리스 함수 (Vercel 사용 시)
│   └── calculate.js
├── public/             # 정적 파일
│   ├── og-image.png    # SNS 공유 이미지
│   └── favicon.ico     # 파비콘
└── package.json        # 의존성 (필요한 경우)
            

🔒

여기까지는 미리보기입니다

배포와 도메인 연결 완전 가이드
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)