velog를 쓰지 못한 약 한달 반동안 굉장히 많은 일이 있어서 ㅠㅠ 오랜만에 쓴다.
이번에는 우리 팀의 프로토타입으로 테스트를 진행하기로 했는데 웹 플랫폼을 구축하기로 함.
그렇지만 내가 프론트엔드만 공부한 관계로 전체 서비스를 구축하기 전 테스트는
firebase로 백엔드+서버설정을 대체하면서 테스트 버전 구축 예정!!
firebase를 활용하는 방법은
https://nomadcoders.co/nwitter
를 참고함
react 개발환경 세팅은 똑같음
1. mkdir 만들 디렉토리명
2. npx create-react-app app-name
3. cd app-name
4. yarn start
1) package.json파일은 있으니 npm init은 생략
2) npm install --save firebase
3) index.js에서 firebase import
import firebase from 'firebase/app';
.env
REACT_APP_API_KEY=key값
REACT_APP_AUTH_DOMAIN=key값
REACT_APP_PROJECT_ID=key값
REACT_APP_STORAGE_BUCKET=key값
REACT_APP_MESSAGING_SENDER_ID=key값
REACT_APP_APP_ID=key값
.firebase.js
import firebase from "firebase/app";
const firebaseConfig = {
apiKey: process.env.REACT_APP_API_KEY,
authDomain: process.env.REACT_APP_AUTH_DOMAIN,
projectId: process.env.REACT_APP_PROJECT_ID,
storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
appId: process.env.REACT_APP_APP_ID,
};
export default firebase.initializeApp(firebaseConfig);
을 하려고 했으나...
Hook에 대해 먼저 알고 오라고 해서
Hook부터 공부