강의

멘토링

커뮤니티

Inflearn Community Q&A

mocakosan968960's profile image
mocakosan968960

asked

[Renewal] Creating NodeBird SNS with React

Split reducer

configureStore.js에서 createStore 밑줄 현상으로 인해 빌드 불가

Resolved

Written on

·

535

1

[제로초 강좌 질문 필독 사항입니다]
질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.
도움이 되는 질문을 하는 방법을 알려드립니다.

https://www.youtube.com/watch?v=PUKOWrOuC0c

0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.
1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.
2.

스크린샷 2023-04-03 오후 1.53.39.png
스크린샷 2023-04-03 오후 1.56.06.png

3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.

import { applyMiddleware, compose, createStore } from "redux";
const store = createStore(reducer, enhancer);

공지사항에서는 결론적으로는 createStore 그대로 쓰셔도 됩니다. 아무 문제 없다고 나와있는데 저는 에러가 떠지면서 안됩니다 ㅠㅠ. 툴킷으로 바꿔야하나요? 바꾸게 되면 진도부분하고 헷갈리지 않을까 걱정이 되긴 하네요

reactreduxnode.jsexpressnext.js

Answer 1

1

zerocho님의 프로필 이미지
zerocho
Instructor

왜 미들웨어를 하나도 안 넣으셨나요?? 코드는 이것입니다.

https://github.com/ZeroCho/react-nodebird/blob/master/ch3/front/store/configureStore.js

mocakosan968960님의 프로필 이미지
mocakosan968960
Questioner

이게 제 configStore 코드였는데 제로초님 코드하고 비교해봐도 차이점이 안보이는데..제가 못찾는건가요...? 못찾는거면 죄송합니다 ㅠㅠ

일단 제로초님 코드로 해결은 했습니다 감사합니다!

import { applyMiddleware, createStore, compose } from 'redux';
import { createWrapper } from 'next-redux-wrapper';
import { composeWithDevTools } from 'redux-devtools-extension';

import reducer from '../reducers';

const configureStore = (context) => {
  console.log(context);
  const middlewares = [];
  const enhancer = process.env.NODE_ENV === 'production'
    ? compose(applyMiddleware(...middlewares))
    : composeWithDevTools(
      applyMiddleware(...middlewares),
    );
  const store = createStore(reducer, enhancer);
  return store;
};

const wrapper = createWrapper(configureStore, { debug: process.env.NODE_ENV === 'development' });

export default wrapper;
zerocho님의 프로필 이미지
zerocho
Instructor

위에 스크린샷에 나온 코드랑 다릅니다 ... 부분이 없어요

mocakosan968960's profile image
mocakosan968960

asked

Ask a question