Server (13) 썸네일형 리스트형 <파이어베이스> 로그인과 로그아웃 1. 들어가기 전에 * 프로젝트 구조 - 앞선 장에 이어 프로젝트 디렉토리 구조는 다음과 같이 설정해두었다. - 컴포넌트 기능을 할 파일들과 routes 페이지 파일을 분리하였다. - baseURL을 수정하여 import문에 기본적으로 src가 들어갈 수 있도록 설정하기 위해 jsconfig.json을 만들었다. // jsconfig.json { "compilerOptions": { "baseUrl": "src" }, "include": ["src"] } - 라우터 파일은 다음과 같다. // components/Router.js import React from 'react'; import { HashRouter as Router, Route, Switch, Redirect } from 'react-rou.. <파이어베이스> 파이어베이스와 리액트 준비 1. 파이어 베이스 준비 * 가입 - 파이어베이스는 현재 구글의 서비스이므로 구글에 로그인하여 파이어 베이스에 접근할 수 있다. - 시작하기 버튼을 눌러서 프로젝트에 접근하자. * 프로젝트 만들기 - 프로젝트 만들기를 클릭하여 첫 프로젝트를 만들 수 있다. - 프로젝트 이름을 적고, 다음으로 넘어가도록 하자. 약관에 동의하고 계속하면 프로젝트가 생성된다. - 프로젝트가 생성되면 앱에 파이어베이스를 추가할 수 있게 된다. 필자는 리액트 웹앱에 추가할 것이므로 웹을 클릭한다. - 그러면 앱 등록이 뜨게되며 Firebase SDK를 추가할 수 있는 창이 뜬다. 이 때 예시로 CDN방식을 사용하고 있지만 우리는 아래에서 npm 방식으로 SDK를 추가할 것이다. 2. 리액트 준비 * CRA - SDK를 추가하기 .. <파이어베이스> 파이어베이스 소개 1. 소개 * Firebase - 파이어베이스(Firebase)는 2011년 파이어베이스(Firebase, Inc)사가 개발하고 2014년 구글에 인수된 모바일 및 웹 애플리케이션 개발 플랫폼이다.(위키백과) - 파이어베이스는 초기 스타트업 당시에 채팅기능의 API를 제공하는 서비스였다. 그러나 개발자들 사이에서 이 서비스를 데이터를 전달하는데 사용하였는데, 여기서 파이어베이스의 발전이 시작됐다. - 결국 파이어 베이스는 리얼타임 데이터베이스나 다름 없었고, 구글에 인수되면서 통합 앱 플랫폼으로 확장되었다. - 현재 파이어베이스는 웹과 모바일 개발에 필요한 다양한 기능을 제공하는 대표적인 BaaS(Backend as a Service)로 자리 잡았다. 이를 통해 서버는 구글이 설계 및 구현해주므로 프론트.. 이전 1 2 다음
