내일배움캠프 4기 React week_6 WIL

최영진·2022년 12월 12일
0
post-custom-banner

1. 투두리스트 상세페이지

import React from "react";
import { BrowserRouter, Route, Routes } from "react-router-dom";
import Main from "./pages/Main";
import Sub from "./pages/Sub";

const Router = () => {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Main />} />
        <Route path="/Sub" element={<Sub />} />
      </Routes>
    </BrowserRouter>
  );
};

export default Router;

일단 라우터 돔을 이용하여 라우터 사용으로 페이지를 변환할 수 있게 하였다.

새로고침이 일어나게 되면 데이터가 초기화 됨으로 SPA 형식으로 제작해야함.

현재 이곳으로 타겟의 아이디를 보내주는 방법을 찾고있음.

2. 회고

react redux 를 사용하면서 데이터가 어떤 방향으로 흘러가는지 감이 잡히는 것 같다.
하지만 딱 보여주고 어떻게 하면 될까? 라고 한다면 할 수가 없다..
계속 console.log 를 찍고 이게 맞나?? 하면서 찾기 때문에 지금 진행이 되어가는 것도 신기하다.
요즘 코딩을 하지 않는 시간에도 머리 속에 어떻게하면 될까? 란 생각을 계속 하게 된다.
생각만 하지말고 실행을 시키자!!
다음 프로젝트가 바로 다음주니 그 전까지 리액트 관련 공부를 더 해놓아야 할 것 같다.

profile
안녕하시오.
post-custom-banner

1개의 댓글

comment-user-thumbnail
2022년 12월 12일

ㅎㅎ원래 콘솔을 무한정 찍어가면서 확인해보는게 개발자죠
한주간 고생많으셨어요!

답글 달기