#1. 리액트 트위터 클론 - 초기 셋업

노마드 코더의 강의를 보고 정리 해 보자. 강의가 그렇게 Awesome한지는 아직 잘 모르겠다.

1. React-App 초기 설치

console에서 아래를 입력 해 준다.

npx create-react-app nwitter

VSCODE로 폴더를 불러온다.

code nwitter

불필요한 파일을 지워준다.

• index.js의 내용 지우기
  
• app.js의 내용 지우기
  

2. Firebase에서 App만들기

Firebase에서 real-time DB를 활용하기 위해 Web-App을 위한 저장소를 만든다.

• [Create Project] 클릭
• 프로젝트 이름 입력 (like Nwitter)
• 구글 Analytics 끄기
• [프로젝트 생성]
• [Web]선택
• Register App하기
• Firebase SDK가 나옴
• Firebase설정들 복사하기 (React way 사용하기)
  
• Web SDK API Reference 들어가기
  
• npm install --save firebase 사용하기
• firebase.js 파일을 src폴더에 만들어서 아래와 같이 붙여넣기
  

App 실행 해 보기

npm run start

3. 콘솔 로그 찍어보기

# in index.js

import firebase from './firebase'
console.log(firebase)