컨텐츠로 건너뛰기

사이트를 웹에 배포하기

이번에 배울 내용

  • GitHub 리포지토리를 Netlify 앱으로 추가하기
  • Astro 사이트를 웹에 배포하기

이 과정에서는 GitHub 리포지토리를 Netlify에 연결합니다. 프로젝트 코드에 변경 사항을 커밋할 때마다 Netlify는 사이트를 실시간으로 빌드하여 웹에 배포합니다.

Netlify 사이트 만들기

섹션 제목: Netlify 사이트 만들기

  1. 아직 Netlify 계정이 없다면 무료로 가입하세요.

    사용자 이름을 메모해 두세요. 대시보드와 생성한 사이트들은 https://app.netlify.com/teams/username에서 확인할 수 있습니다.

  2. Add new site > Import an existing project를 클릭하세요.

    Git 제공업체와 연결하라는 메시지가 나타나면 GitHub를 선택하고, 안내에 따라 GitHub 계정 인증을 진행하세요. 그런 다음, 목록에서 Astro 프로젝트의 GitHub 리포지토리를 선택하세요.

  3. 마지막 단계입니다. 이 단계에서는 Netlify가 사이트 설정 화면을 보여줍니다. 기본값이 Astro 프로젝트에 적합하므로, 아래로 스크롤하여 Deploy site 버튼을 클릭하세요.

축하합니다. Astro 웹사이트가 생겼습니다!

프로젝트 이름 변경하기

섹션 제목: 프로젝트 이름 변경하기

Netlify의 사이트 개요 페이지에서 무작위로 생성된 프로젝트 이름과 https://project-name-123456.netlify.app과 같은 형태의 웹사이트 URL을 확인할 수 있습니다. 프로젝트 이름을 더 기억하기 쉬운 이름으로 변경할 수 있으며, 이렇게 하면 URL도 자동으로 업데이트됩니다.

웹사이트에 접속하기

섹션 제목: 웹사이트에 접속하기

사이트 설정에서 URL을 클릭하거나, 브라우저 창에 URL을 직접 입력하여 웹사이트를 확인해 보세요.

지식 테스트

섹션 제목: 지식 테스트

기존 웹사이트의 홈페이지를 수정하고 싶다면, 어떤 단계를 거쳐야 할까요?

체크리스트

섹션 제목: 체크리스트

리소스

섹션 제목: 리소스
기여하기 커뮤니티 후원하기