deVSner

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` 위에는 먹히고 아래는 먹히지 않는다.

1. 이 방법으로 해결 안됐음 https://web-front-end.tistory.com/78 [ Jetbrains ] WebStorm / PHPStorm / Intellij 버벅거릴때 성능(속도) 향상 시키기 최근 사무PC를 변경하여 PhpStorm을 새로 설치하였는데, Docker 컨테이너를 띄우니 버벅거리는 현상이 발생하였습니다. ?? PC 사양이 안좋나? 하고 생각하던 찰나 Jetbrains IDE가 JVM에서 작동하다보니 JVM web-front-end.tistory.com 2. 현재 시도 중인 방법(이게 문구가 안 바뀌면 이걸로 해결됐다는 거) https://hyeonguj.github.io/2019/02/08/Intellij-%EB%8A%90%EB%A6%B4%EB%95%8C-%EB%A9%9..

https://github.com/remy/nodemon/issues/907

function App() { return ( {/* A looks through its children s and renders the first one that matches the current URL. */} ); 심한 들여쓰기 무엇...에디터 설정은 다음에 변경하는 걸루... 라우터 돔을 설정할 때, 정말 짜증나는 일이 많은 거 같다. error 174번은 너무나도 익숙해서 한 가지 해결방법만 있는게 아니란 걸 알았고 (리액트 측은 뭐만하면 174번입니꽈?) 라우팅을 할때도 페이지가 바뀌지 않는 현상도 빈번했다. 그간 다른 서버쪽 공부를 하느라 리액트를 소홀히 했는데... 오늘부터 제대로 시간을 내서 공부를 하고 있다 연습삼아 라우터를 설정하고 있는데 분명 LandingPage는 보이는데 Log..

express로 서버를 구축하면서 진짜 많이 헷갈렸던 부분이다 솔직히 지금도 헷갈린다. 머릿 속으로 '아 이번엔 이걸 써야 하나? 아닌가?' 하는 퀘스천 마크와 함께 하나씩 다 해보곤 했다 테스트 케이스가 통과되면 ok.....ㅋㅋㅋㅋㅋ 한 번 시간을 내서 저거를 알아봐야지 생각했었다. 오늘은 https://blog.fullstacktraining.com/res-json-vs-res-send-vs-res-end-in-express/ res.json() vs res.send() vs res.end() in Express In this article we are discussing the differences between the json(), send() and end() methods available ..