백엔드/파이어베이스 (6) 썸네일형 리스트형 파이어베이스 (인증) - 구글 OAuth 파이어베이스의 인증 서비스는 전통적인 아이디와 비밀번호를 활용하는 방법 외에도 다양한 인증 수단을 제공합니다. 오늘은 구글이나 페이스북 등에 저장된 사용자 정보를 통해 인증하는 방식에 대해서 알아보겠습니다. HTML 삽입 미리보기할 수 없는 소스 파이어베이스 (스토리지) - 앵귤러, 리액트 파이어베이스 스토리지는 이미지 등 Static 파일을 저장할 때 사용합니다. 파이어베이스 스토리지 사용하기 계정으로 로그인한 뒤 좌측 메뉴에서 'Build' -> 'Storage' 선택 후 열린 화면에서 'Get started'를 누릅니다. 편의를 위해 'test mode'를 선택하고 'next'를 누릅니다. 지역선택 후 'done'을 누르면 (이미 지역이 선택되어 있는 경우 자동을 선택됨) 아래와 같이 완성됩니다. 규칙지정 기본적으로 누구나 스토리지의 데이터에 접근, 수정, 삭제가 가능합니다. 세팅의 규칙에서 이러한 설정의 수정이 가능합니다. 예를 들어, 로그인한 유저만 파일업로드가 가능하고 사이즈와 타입의 제한이 있는 경우 아래와 같이 규칙을 수정합니다. match /{allPaths=**} { al.. Firebase - Hosting 파이어베이스에서 제공하는 호스팅을 사용하여 애플리케이션을 배포해 보겠습니다. "Build"에서 "Hosting"을 선택합니다. 'Get started' 클릭 아래와 같이 셋업 가이드가 뜨는데요. 먼저 'firebase-tools'를 해당 프로젝트에 설치합니다. 아래 npm명령어를 복사하여 npm i -g firebase-tools 프로젝트 콘솔창에 넣고 실행합니다. 다음 단계는 프로젝트 루트 디렉터리 생성인데요. 먼저 파이어베이스에 로그인을 합니다 (로그인되어 있는 경우는 생략가능). firebase login 정보수집에 관한 동의를 물어보는데 원치 않는 경우 'n'을 선택합니다. 이후 윈도 새창에서 계정선택하는 화면이 나옵니다. 계정을 선택하고 접근을 허가하면 로그인이 완료됩니다. 다음으로 배포를 위한.. 파이어베이스 (인증) - 이메일, 비밀번호 백엔드 통합서비스인 파이어베이스에서 제공하는 많은 기능 중 인증기능을 살펴볼까 합니다. 파이어베이스 인증 서비스의 가장 큰 장점은 브라우저에서 로그인 한 사용자의 상태유지 기능을 기본적으로 제공하므로 일반 서버를 통해 만드는 경우 처럼 상태유지를 위해 제이슨 토큰 등을 생성하여 주고받을 필요가 없다는 점입니다. HTML 삽입 미리보기할 수 없는 소스 파이어베이스 - 데이터베이스 (앵귤러, 리액트) 클라우드 백엔드 서비스인 파이어베이스의 데이터베이스 서비스를 사용하는 방법을 보겠습니다. 파이어베이스 데이터베이스는 최신버전인 파이어베이스와 구 버전인 실시간 데이터베이스가 있으며 대동소이하므로, 이 글에서는 최신버전인 파이어스토어를 설정하고 애플리케이션에 연결해 보겠습니다. HTML 삽입 미리보기할 수 없는 소스 파이어베이스 - 연결하기 (앵귤러, 리액트) 파이어베이스는 데이터 저장에 필요한 데이터베이스, 인증 및 호스팅 등 다양한 서버 측 기능을 제공하는 구글의 통합 서비스입니다. 이미 구축된 서버에 프론트 애플리케이션을 연동하고 파이어베이스에서 필요한 기능을 가져다 사용하기 때문에 백엔드 개발 없이 완전체의 애플리케이션을 개발할 수 있는 장점이 있습니다. 파이어베이스는 파이어 스토어 기준으로 1GB의 총 데이터와 하루에 20,000번의 쓰기, 20,000번의 지우기, 50,000번의 읽기를 무료로 제공하므로 테스트 목적의 애플리케이션을 충분히 가동 가능합니다. 파이어베이스 사용을 위한 첫 단계인 파이어베이스와 개발하고자 하는 애플리케이션의 연동방법을 살펴보겠습니다. HTML 삽입 미리보기할 수 없는 소스 이전 1 다음
