파이어베이스 프로젝트 호스팅에 배포하는 법을 이어서 알아보겠습니다. 저는 Vue를 주로 이용하여 vue를 사용하여 예제를 진행한겠습니다. React도 비슷합니다. 1. 프론트엔드 소스를 빌드한다. 각자 프로젝트에 맞게 빌드를 진행합니다. yarn build or npm build 2. dist 파일 생성 확인 빌드 폴더를 다르게 진행한다면 다르게 나올 수도 있습니다. 기본은 dist 폴더로 생성되니 이걸로 확인 3. firebase init 프로젝트 준비가 되었느냐? Y 입력 후 엔터 키보드 아래로 내려서 Hosting 을 스페이스로 선택 후 엔터 Use an existing Project 선택 -> 이전에 만든 프로젝트 선택 배포 디렉토리 설정 기본은 public으로 되지만 우리는 dist 폴더를 배포..

파이어베이스는 주로 무료 호스팅을 쓰기위해서 자주 사용한다. 혹은 서버없이 코딩을 하고 싶다거나 앱을 연동하여 푸시를 보내고 싶을 때 등의 용도로 사용하기도 한다. 당신도 아래의 예제만 본다면 무료로 홈페이지 구축쯤은 충분히 가능하다. 1. 프로젝트 접속 로그인을 했다고 가정을 한 후 프로젝트를 생성한다. + 버튼을 클릭하여 프로젝트를 추가한다. 2. 프로젝트 이름 지정 프로젝트의 이름을 지정해 준다. 추후에 바꿀수 없으므로 신중히 하는 것이 좋지만 맘에 안들면 다시 만들어도 되니 일단 테스트 겸 본인이 원하는 이름으로 설정 3. 프로젝트 애널리틱스 사용설정 구글 제품을 이용하면 역시나 좋은 것이 왠만해서 클릭 한 방으로 자동연결이 된다는 것이다. 구글 애널리틱스도 사용 설정을 하고 계속을 누르면 된다...

파이어베이스(firebase)란 무엇인가 파이어베이스는 원래 파이어베이스란 회사가 만든 플랫폼이며 2014년 구글에서 인수한 이후로 구글에서 서비스를 제공해 주며 개발을 편리하게 해주는 툴이다. 1. 인증 - Authentication 구글과 로그인 연동을 제공해주는 플랫폼을 편하게 연동할 수 있게 해주는 서비스. 2. 데이터베이스 - Cloud Firestore 파이어베이스에서 제공해주는 일종의 DB이며 기존의 사용하던 RDBMS와는 다르다. 몽고DB나 JSON 객체 DB를 해보았다면 쉽게 접근을 할 수 있다. 쿼리를 사용하는 것이 아닌 URI를 이용하여 데이터를 접근하고 읽기, 쓰기, 수정, 삭제 등의 작업을 할 수 있다. 큰 집합체를 여기서는 컬렉션이라는 용어로 부른다. 3. 스토리지 - Stora..