inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

따라하며 배우는 리액트, 파이어베이스 - 채팅 어플리케이션 만들기[2023.12 리뉴얼]

강의 소스 코드 v7에서 v9으로 바꾸는 용도로 사용 (2021-12-30 update)

react Router dom

591

Nam Oh Kwan

작성한 질문수 2

0

react router dom 을 활용하는데,
강의에서는 Switch 라 떠서요.
 
근데, 인터넷 찾아보니 업데이트 되면서, Switch 말고 Routes 를 써야된다고 하는데, 어떻게 하는게 좋을까요?

react 웹앱 firebase

답변 1

0

John Ahn

안녕하세요 !!!  강의에서 업데이트 해두지 않은점 죄송합니다 ㅠㅠ  ! 
하지만 
강의 소스 코드 firebase-v9 (2021-12-30 update)

여기 소스 코드에 자료에 react router dom 부분을 업데이트 해뒀습니다. 
참고해주세요

감사합니다.

0

Nam Oh Kwan

안녕하세요,
 
말씀하신 코드 확인해서 아래와 같이 수정 후에 실행해봣는데 아무 것도 화면에 뜨지않네요ㅠ
어떻게 수정해야하는 것일까요?
 
 
 
import React from "react";
import "./App.css";
import { Routes, Route } from "react-router-dom";
import registerPage from "./components/register/registerPage";
import landingPage from "./components/landingPage/landingPage";
import loginPage from "./components/login/loginPage";
function App() {
  return (
    <Routes>
      <Route path="/" element={<landingPage />} />
      <Route path="/login" element={<loginPage />} />
      <Route path="/register" element={<registerPage />} />
    </Routes>
  );
}
export default App;
 

0

apple8841193

import './App.css';
import {BrowserRouter as Router,Route,Routes} from "react-router-dom";
import LoginPage from './components/LoginPage/LoginPage';
import RegisterPage from './components/RegisterPage/RegisterPage';
import ChatPage from './components/ChatPage/ChatPage';

function App() {
  return (
    <Router>
      <Routes>

        <Route exact path="/" element={<ChatPage />} />

        <Route path="/login" element={<LoginPage />} />

        <Route path="/register" element={<RegisterPage />} />

      </Routes>
    </Router>
   
  );
}

export default App;
 
 
이렇게 Router로 감싸면해결됩니다

ESlint

0

147

1

현 강의자료는 이해는 했는데, 그럼 전 강의자료는 이젠 활용을 못하나요?

0

108

0

배포 후 빈페이지

0

162

1

notification 관련 질문에 AI가 엉뚱하게 대답하여 다시 질문합니다.

0

148

1

notification 관련 부분은 예전 강의를 들어야 하나요?

0

148

1

npm run build시 오류가 있습니다.

0

235

1

이미지 업로드시 403에러가 발생하는데 해결법이 있을까요?

0

831

1

이건 어디에 저장이 되는 것인가요?? redux에 저장이 되는 것인가요??

0

265

1

eslint 질문 있습니다.

0

243

1

npm create react app

0

319

2

[리덕스 미들웨어]강의 중에 createStore에서 막혔습니다.

0

545

3

회원가입 유효성 부분 페이지 안뜨는 이유 좀요....

0

289

1

강의 pdf 파일

0

442

2

파이어베이스 파일 삭제, 사진 업로드 기능 오류

0

339

1

firebase 초기화 오류

0

607

1

mime-types 패키지를 import 할 때 에러 발생

0

287

1

리덕스 스토어에 로그인 유저 정보가 저장이 되지 않는 문제

0

347

1

강의 리뉴얼 일정을 알 수 있을까요?

0

375

1

완성본으로 제공된 코드를 구동시켜보려면

2

415

1

DB와 강의 리뉴얼

0

511

1

next.js 환경에서 이 수업을 들을 수 있나요?

0

400

1

Cannot read properties of undefined (reading 'isLoading') 오류 해결법 혹시 알 수 있을까요...

0

522

1

addChatRoom 함수 작성시

0

284

1

강의 도표 자료 다운을 받으면, zip파일에 아무것도 들어있지않다고 나옵니다.

0

253

1