콘솔로 이동

Firebase 호스팅 시작하기

Firebase 호스팅은 HTML, CSS, 자바스크립트, 미디어 파일과 같은 앱의 정적 애셋을 호스팅할 뿐만 아니라 동적 콘텐츠를 제공하고 마이크로 서비스를 호스팅하기 위해 빠르고 안전하며 신뢰성 높은 방식을 제공합니다.

Google의 프로덕션 등급 호스팅은 글로벌 콘텐츠 전송 네트워크(CDN)를 기반으로 합니다. 호스팅은 기본적으로 SSL을 통해 콘텐츠를 제공하며 커스텀 도메인 또는 firebaseapp.com의 하위 도메인을 통해 이용할 수 있습니다.

시작하기 전에

Firebase 호스팅을 설정하기 전에 Firebase 프로젝트 만들기를 먼저 수행해야 합니다.

1단계: Firebase CLI 설치

Firebase CLI(명령줄 인터페이스)에는 Node.jsnpm(노드 패키지 관리자)이 필요합니다.

  1. 다음 옵션 중 하나를 사용하여 Node.js를 설치합니다. Node.js를 설치하면 npm이 자동으로 설치됩니다.

    • Mac/Linux의 경우 nvm(노드 버전 관리자)을 사용합니다.
    • Windows의 경우 nvm-windows를 사용합니다.
  2. 다음을 실행하여 npm으로 Firebase CLI를 설치합니다.

    npm install -g firebase-tools

    이 명령어는 디렉토리에 관계없이 사용할 수 있는 firebase 명령어를 설치합니다. 최신 버전의 Firebase CLI로 업데이트하려면 같은 npm install 명령어를 다시 실행합니다.

  3. 다음을 실행하여 Google 계정으로 Firebase에 로그인합니다.

    firebase login

    이 명령어는 로컬 머신을 Firebase에 연결하고 Firebase 프로젝트에 대한 액세스 권한을 부여합니다.

  4. 인증되었는지 테스트하고 모든 Firebase 프로젝트를 나열하려면 다음 명령어를 실행합니다.

    firebase list

    표시된 목록은 Firebase 콘솔에 나열된 Firebase 프로젝트와 같아야 합니다.

최신 버전으로 CLI 업데이트

아래의 CLI 설치 명령을 재실행하여 최신 버전의 Firebase CLI를 사용해야 합니다.

npm install -g firebase-tools

2단계: 프로젝트 초기화

로컬 프로젝트를 Firebase 프로젝트에 연결하려면 로컬 프로젝트 디렉토리의 루트에서 다음 명령어를 실행합니다.

firebase init

프로젝트 초기화 중 Firebase CLI 프롬프트에서 다음을 수행합니다.

  1. Hosting 설정을 선택합니다.

    프로젝트에 다른 Firebase 제품을 설정하려면 해당 문서에서 설정 정보를 참조합니다. 나중에 언제든지 firebase init을 실행하여 더 많은 Firebase 제품을 설정할 수 있습니다.

  2. 로컬 프로젝트 디렉토리에 연결할 Firebase 프로젝트를 선택합니다.

    선택한 Firebase 프로젝트는 로컬 프로젝트 디렉토리의 '기본' Firebase 프로젝트입니다. 로컬 프로젝트 디렉토리에 Firebase 프로젝트를 추가로 연결하려면 프로젝트 별칭을 설정합니다.

  3. 공개용 루트 디렉토리로 사용할 디렉토리를 지정합니다.

    이 디렉토리에는 index.html 파일 및 Firebase 호스팅에 배포할 기타 애셋 등 공개적으로 제공되는 모든 정적 파일이 포함되어 있습니다.

    • 공개용 루트 디렉토리의 기본값은 public입니다.

      • 공개용 루트 디렉토리는 지금 지정하거나 firebase.json 구성 파일에서 나중에 지정할 수 있습니다.

      • 기본값을 선택하고 아직 public이라는 디렉토리가 없으면 Firebase가 자동으로 생성해 줍니다.

    • 공개용 루트 디렉토리에 올바른 index.html 파일 또는 404.html 파일이 아직 없으면 Firebase가 자동으로 생성해 줍니다.

  4. 사이트 구성을 선택합니다.

    한 페이지 앱 만들기를 선택하면 Firebase가 자동으로 구성 재작성을 추가해 줍니다.

초기화가 끝나면 Firebase는 자동으로 파일 2개를 생성하여 로컬 앱 디렉토리 루트에 추가합니다.

3단계: 사이트에 배포

사이트에 배포하려면 로컬 프로젝트 디렉토리의 루트에서 다음 명령어를 실행합니다.

firebase deploy

이 명령어는 Firebase 프로젝트의 기본 호스팅 사이트(firebase-project-id.firebaseapp.com)에 출시 버전을 배포합니다.

배포 및 사이트 로컬 테스트의 자세한 정보는 호스팅 문서를 참조하세요.

다음 단계

이제 전 세계 어디에서나 이 사이트를 이용할 수 있습니다. 다음 작업을 수행하는 방법도 알아볼 수 있습니다.

Firebase CLI에 대한 전체 문서도 살펴보세요.