목록React (6)
wrkbrs
https://spectrum.chat/next-js/general/page-flashes-when-using-styled-components-in-custom-document-js~46d0f12c-d21e-4657-94e6-2a4290e4875b Page flashes when using styled-components in custom _document.js · Next.js Hey! I'm using styled-components along with next.js and everytime i refresh the page, I see a flash. At first I thought this would be limited to development… spectrum.chat https://gith..
.babelrc { "env": { "development": { "plugins": [ ["styled-components", { "ssr": true, "displayName": true, "preprocess": false } ] ], "presets": ["next/babel"] }, "production": { "plugins": [ ["styled-components", { "ssr": true, "displayName": true, "preprocess": false } ] ], "presets": ["next/babel"] } }, "plugins": [ ["styled-components", { "ssr": true, "displayName": true, "preprocess": fals..
ReferenceError: window is not defined 에러 발생 시 아래와 같은 방법을 사용 + const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; + const store = createStore(reducer, /* preloadedState, */ composeEnhancers( - const store = createStore(reducer, /* preloadedState, */ compose( applyMiddleware(...middleware) )); 리덕스 확장프로그램을 사용할 경우 발생하는 에러인데 window.__REDUX_DEVTOOLS_EXTENSION__ 를 사용중이라면 위..
https://redux-advanced.vlpt.us/
https://github.com/reactkr/learn-react-in-korean
이번 포스트는React Router 에 대해 공부를 하던 도중, 서버사이드 렌더링, 클라이언트 사이트 렌더링, SPA에 대한 공부가 필요하다고 생각하여 쓰는 포스팅입니다. 렌더링 - 어떠한 웹 페이지 접속시, 그 페이지를 화면에 그려주는 것. 전통적인 방식에서의 웹페이지 구동 방식 요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식입니다. 마치 필요한 물건이 있을때마다 사러 가는것과 비슷합니다. 이때 , View가 어떻게 보여질지 또한 서버에서 해석하여 보내주는데, 이러한 방식을 서버사이드렌더링 방식이라고 합니다. -> 서버 측에서 HTML&View을 생성하여 응답하는 방법 하지만 기술의 발전으로 웹에서 제공되는 정보량이 많아지고, 여러 문제점이 발견되면서 전통적인 방식의 웹페이..