Netlify란? — 배포 개념

localhost로 연 페이지는 내 컴퓨터에서만 접속 가능
배포 = 내가 만든 파일을 인터넷 서버에 올려 누구나 접속하는 URL 받기
Netlify = 완성된 HTML·CSS 파일을 그대로 올리는 호스팅

왜 Netlify인가

• 가장 쉬움 — 파일 폴더를 드래그&드롭만 하면 끝
• 무료 — 학습·포트폴리오 용도 충분
• 빠른 성취 — HTML·CSS만 있으면 바로 인터넷 공개
• Git 선택 — 드래그 배포는 Git 없이도 가능

드래그&드롭 배포 — 가장 쉬운 방법

Git 없이 파일 폴더를 끌어다 놓기만으로 배포
HTML·CSS로 만든 결과물을 1분 안에 인터넷에 공개

준비물

배포 단계

실제 화면 — Production deploys

• 시작 파일 이름은 반드시 index.html
• 수정하면 폴더를 다시 드래그&드롭 → 새 버전 반영

GitHub 연동 자동 배포 — 한 단계 위

드래그&드롭은 수정할 때마다 다시 올려야 함
GitHub 저장소 연결 = git push만 하면 자동 재배포

① GitHub에 올리기

② Netlify에서 저장소 연결

• 이후 git push만 하면 Netlify가 알아서 재배포
• 코드 수정 → push → 몇 초 뒤 사이트 자동 갱신 (CI/CD 체험)

사이트 관리·배포 철회 — 삭제 순서

배포한 사이트 내리기 = Danger zone에서 처리
아래 순서대로 따라가면 안전하게 철회 가능

① 배포 상태 확인

Deploys 탭에서 Production · Published 표시 = 현재 공개 중

② 배포 상세 · 옵션 열기

배포 클릭 → Lock to stop auto publishing = 자동 배포 중단
Options → Download deployed files · Deploy settings

③ 사이트 Configuration 진입

Site → Configuration → 좌측 General 메뉴 맨 아래 Danger zone 클릭

④ 비활성화 또는 영구 삭제

• Disable project = 임시로 사이트 내림 (언제든 재활성화)
• Delete this project = 사이트 + URL 영구 삭제 (되돌릴 수 없음)

커스텀 도메인·HTTPS — 주소 바꾸기

기본 주소 iridescent-halva-e95c8e.netlify.app → 보기 좋게 변경
서브도메인 이름만 바꾸거나, 내 도메인 연결 둘 다 가능

실제 화면 — Production domains

① 서브도메인 이름만 변경 (무료)

② 내 도메인 연결

• HTTPS = 무료 자동 (Let's Encrypt, 설정 불필요)
• 도메인 구매는 별도 (가비아·Cloudflare 등)