i1004gy

답변이 늦어서 죄송합니다<img src="https://cdn.inflearn.com/public/files/posts/de21a6b2-733c-47d4-855f-9be8ee80e673/image.png">이런식으로 깨지고 신기한건 link 태그의 크기가 img태의 크기에 맞춰서 늘어납니다img태그를 지우면<img src="https://cdn.inflearn.com/public/files/posts/90211d14-e5b4-4e68-9f77-c35cb55f2613/image.png">이렇게 나옵니다

css <Link>와 <img>크기 지정

<pre class="hljs"><code class="language-javascript">reducers/index.js

import { combineReducers } from "redux";
import { HYDRATE } from "next-redux-wrapper";
import axios from "axios";

import userSlice from "./user";
import postSlice from "./post";

axios.defaults.baseURL = "http://localhost:3065";
axios.defaults.withCredentials = true;

// (이전상태, 액션) => 다음상태
const rootReducer = (state, action) => {
 switch (action.type) {
 case HYDRATE:
 console.log("HYDRATE", action);
 return action.payload;
 default: {
 const combinedReducer = combineReducers({
 user: userSlice.reducer,
 post: postSlice.reducer,
 });
 return combinedReducer(state, action);
 }
 }
};

export default rootReducer;</code></pre>오류 해결했습니다 index.js에서 하이드레이트 하는 부분의 문법이 조금 달랐네요!<a target="_blank" rel="noopener noreferrer nofollow" href="https://kir93.tistory.com/entry/NextJS-Redux-Toolkit-next-redux-wrapper-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0">https://kir93.tistory.com/entry/NextJS-Redux-Toolkit-next-redux-wrapper-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0</a>이 링크가 도움이 됐습니다!!

toolkit을 사용 ssr설정 질문입니다

그렇다면 더 이해가 안되는데 useCallback의 deps []이거로 설정되어있어서 실행이 안되는데 어쨰서 checkbox를 누를때 term이 true와 false가 번갈아 업데이트가 될 수있나요?

term을 consol.log로 찍었을 때 나오는 게 이해가 안되어서 질문드립니다

아 그렇네요! 감사합니다 그런데 styled-components를 적용하고 맨 처음 랜더링 된후 좀 시간이 지나고 나서 style이 적용이 되는데 이건 개발 모드여서 생기는 현상인가요? 인라인으로 style을 적으면 바로 style이 적용이 됩니다

styled-components 적용 질문

아 state는 위에 inital state에 정의된 값 불러오는 거고halted 하고 result은 위에 let으로 정의가 되었네요 잠시 착각했습니다 감사합니다

state.halted와 그냥 halted의 차이점이 궁금합니다

약간의 버그였는지 리액트를 재실행 해봤더니 그런 현상이 사라졌습니다....흠 일단 계속 공부했보겠습니다 감사합니다

리엑트를 처음 실행할때 두번 랜더링이 되는것 같습니다

로또 번호가 한번 나왔다가 다시 처음부터 진행하고console.log를 찍어봤을 때도 두번 나옵니다

i1004gy

投稿