deVSner

영문 그대로 해석하면 해결이 도는 에러다. Link 태그 안에서 태그를 쓰지 않은 채, 하이퍼링크 기능을 사용하려 했었다. Link 자식 태그 안에 실제로, 태그가 없었는데, 해당 태그를 넣어주니 해결이 됐다 역시 영어를 꼼꼼히 읽고 봐야...

./components/LoginForm.js Module not found: Empty dependency (no request) 해당 경로로 가서 모듈을 잘 불러왔는지 살펴보자.

설치를 안했거나 잘못 불러왔거나

를 로 바꾸니까 적용이 되더라... 다른 건 건든 건 없음

next, redux, react 조합으로 프론트를 개발하고 있는데 는 필요가 없다. _app.js에서 export default wrapper.withRedux(NodeBird); 로 바꿔주면 해결.

const configureStore = () => { const enhancer = process.env.NODE_ENV === 'production' ? compose(applyMiddleware([])) :composeWithDevTools(applyMiddleware([])) const store = createStore(reducer); 위와 같이 작성했을때, Middleware is not a function 에러가 났다. const configureStore = () => { const middlewares = []; const enhancer = process.env.NODE_ENV === 'production' ? compose(applyMiddleware(...middlewares)) ..

서버사이드 렌더링 개념을 알아야 이해가 가능한, 에러가 아닌 콘솔메세지 브라우저 - 프론트 서버 - 백엔드 서버 - 데이터베이스 브라우저에서 위 서버들을 거치고 데이터베이스까지 거친 다음에 state를 받는데, 아직 백엔드 서버와 데이터베이스를 구현하지 않았고, 프론트만 구현한 상태라서 브라우저는 state가 없다고 판단하는거. 해결책으로는, 액션과 리듀서가 있는 파일에서, import {HYDRATE} from 'next-redux-wrapper'를 한다. 리듀서 함수에서 case HYDRATE : return {...state, ...action.payload} 를 적는다. 그럼 자동으로 서버사이드렌더링을 next 차원에서 해결해 준다.

const ButtonWrapper = styled.div` margin-top: 100px; ` const ButtonWrapper = styled.div` margin-top: 100px` 위에는 먹히고 아래는 먹히지 않는다.