영화목록 (Netflix) 앱 12 - 파이어베이스에 배포하기

 

* 파이어베이스 가입하기

파이어베이스 사이트 

Firebase

파이어베이스에 가입한 다음 콘솔로 이동한다.

 

* 프로젝트 추가하기

프로젝트 추가 화면

프로젝트 추가 및 생성한다.

 

* 웹앱에 파이어베이스를 추가하여 시작하기 - 앱 등록

웹앱에 파이어베이스 추가하기

웹 앱에 파이어베이스를 추가한다. (또한 이 앱의 Firebase 호스팅을 설정하세요 선택) 

 

* 파이어베이스 CLI 설치하기

npm install -g firebase-tools

CMD 명령창에서 위 명령어를 입력한다. 

 

* 파이어베이스 로그인 하기

firebase login

CMD 명령창에서 위 명령어를 입력한다. 

파이어베이스 로그인시 액세스 허용하기

 

 

* 파이어베이스 프로젝트 초기화하기

firebase init

CMD 명령창에서 위 명령어를 입력한다. 

 

아래 캡쳐화면을 참고하여 순서대로 진행한다.

 

* 파이어베이스에 배포하기

npm run build

배포하기 전에 리액트 프로젝트 코드를 빌드해야 한다. 빌드가 완료되면 dist 폴더가 생성되며 해당 폴더 안에 index.html 파일이 존재한다. 

 

firebase deploy

CMD 창에 위와 같이 입력하면 파이어베이스에 배포가 된다. 

파이어베이스 배포 화면

위 화면에서 보이는 Hosting URL 에 접속하면 배포한 사이트를 확인할 수 있다. 

서버 셋팅하는데 시간이 좀 걸리니까 firebase setting complete 라는 메세지만 나오면 기다려보자!

 

넷플릭스 클론 프로젝트 

Netflix