first_project DAY+6

KEEP 오늘의 좋았던 경험

• MyPage rack 부분 디자인 완료.

읽고있는 책 추가한 모습

• 회원탈퇴 기능 구현 중 알림 메시지가 뜨면 모달창이 꺼지는 현상 발견. 저녁 시간 내내 잡고있다가 리덕스 사용의 필요성을 느낌
• 리덕스로 구현 80% 완료
• 확실히 리덕스가 편하다는 것을 느꼈다. 사용할 상태만 확실하게 구분해서 액션과 리듀서를 만들어 놓으면 프롭스를 어디서부터 넘겨주고 어디에 상태를 둬야할지를 고민하지 않아도 된다. 페이지가 몇개 되지않는데도 리덕스를 사용하지 않으면 복잡해지고 예기치 못한 에러들이 발생하는데, 더 많은 페이지를 다루려면 리덕스를 꼭 사용해야할 것 같다.

PROBLEM 고쳐나갈 경험

• 너무 급하게 코드 작업을 해나간 감이 없지않아 있는것 같다. 처음에 잘 세팅해놓지 않고, 충분히 기획을 하지 않은 상태에서 코드작업을 한다 하더라도 결국 돌아가게 되어있고, 결코 코드작업에 빨리 들어간다고 빨리 끝낼 수 있는 것이 아니라는 것을 느꼈다. 4주차에는 같은 실수가 없도록 해야겠다.
• 리덕스로 고치는 중 만난 에러 :
  Error: could not find react-redux context value; please ensure the component is wrapped in a <Provider>
index.js 부분에서 조금 수정해주면 해결할 수 있었다.

//기존 코드
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import App from "./App";

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById("root")
);

//수정 후 코드
import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import App from "./App";
import store from "./store/store";
import { Provider } from "react-redux";

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
      <Provider store={store}>
        <App />
      </Provider>
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById("root")
);

TRY 시도해볼 일

• 리덕스로 book 정보 받아서 클라이언트 구현하기