TIL - 20230120

심화 프로젝트 시작. 최종 프로젝트 전 마지막 프로젝트가 시작됐다.

팀원분들과 각 페이지를 나눠 맡던 기존의 방식과는 다르게 이번 프로젝트에서는 기능 별로 역할 분담을 했는데 좋은 경험이 되지 않을까 한다.

팀원분들의 배려로 처음으로 협업을 위한 파이어베이스와 프로젝트 세팅을 했고 생각보다 어렵지 않았다. 얼마 전부터 해보지 않았던 것들을 많이 시도해보고 있는데 나름대로 노력을 하다보면 다 할 수 있게 된다. 물론 곁에 도움을 주는 고마운 사람들이 있기에.

 

와이어 프레임

아티스트와 팬을 이어주는 팬덤 라이프 플랫폼을 만들기로 했고 전 날부터 팀원분들과 미리 의견을 나눈 덕에 프로젝트 발제 당일인 오늘은 생각보다 세팅을 일찍 마무리하고 역할 분담을 했다. 한 페이지만 맡는 게 아닌 메인, 마이, 디테일 페이지에 걸쳐 여러 기능들을 구현해야 한다. 잘 해낼 수 있을 것이다.

 

 

 

팀 프로젝트 협업을 위한 파이어베이스 세팅.

 

프로젝트 생성

 

구글 애널리틱스 연결 및 구성

 

프로젝트 생성 완료

 

</> 클릭 후 앱 등록을 하면 SDK가 출력된다.

 

프로젝트 생성이 완료되면 설정에 들어가 구성원을 추가한다.

 

파이어스토어에 들어가 데이터베이스를 생성한다.

데이터베이스 생성 후 규칙에 들어가 read, write 를 if true 로 고쳐준다.

 

사용자 인증 및 관리 - Signin method 에 들어가 로그인 제공업체를 설정한다.

 

해당 프로젝트에 파이어베이스 패키지 설치 후 생성한 프로젝트의 SDK 를 사용한다.

npm install firebase

import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';
import { getAuth } from 'firebase/auth';

const firebaseConfig = {
// 생성한 프로젝트의 SDK
};

const app = initializeApp(firebaseConfig);
export const dbService = getFirestore(app);
export const authService = getAuth(app);

끝.

 

메인페이지 UI를 마무리 짓고 싶었는데 아직은 못했다. 잠들 수도 있어 미리 남겨 놓는 TIL.