react+firebase,1日目に熱水クローン符号化(feat符号化デコーダなし)

4014 ワード

反応+基礎消防の設置
反応器CRAで、その後Firebaseで接続します.jsを作成しSDKに入れます.
📝 Firebase.js
import firebase from 'firebase/app'
import "firebase/firebase-analytics" import 할 것 들을 import,
const firebaseConfig = SDK 
firebase.initializeApp(firebaseConfig);
export const firebaseInstance = firebase;
export const authService = firebase.auth();

// export 해 둘 것들을 선언해둠.
Router.JS
👩‍🎓 ルーティングを担当するルータ.jsを中央サーバとして作成
  • ファミリー、Sign、Authの3つのコンポーネント
  • を作成
    const [isLoggedIn,setIsLoggedIn] = useState(false)
    //로그인 유무를 판단하기위해 토글 state를 제작 
    <Router>
    	<Switch>
    	  {
    	    isLoggedIn ? (
    	    <> // 예를 들면 JSX문법에서 <div></div>같은 것이다. 
                  // 삼항연산자는 원래 한줄 밖에 안되는데 ( <> </> )를 쓰면 여러줄 가능하다
    	   <Route exact path="/">
    	     <Home/>
    	   </Route>
    	   </>
    	  ) : (
    	  <Route exact path="/">
    	     <sign/>
    	  </Route>
              <Route exat path="/Auth">
                <Auth/>
              </Route>
              //Sign에서 회원가입 버튼을 누르면 Auth로 가게 만들기 전 만들어둠.
    	  )
    	}
           </Switch>
    </Router>
    👩‍🎓 ログイン時はホームがメイン、ログインしない時はSignがメイン