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

답변이 늦어서 죄송합니다(사진)이런식으로 깨지고 신기한건 link 태그의 크기가 img태의 크기에 맞춰서 늘어납니다img태그를 지우면(사진)이렇게 나옵니다

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

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;오류 해결했습니다 index.js에서 하이드레이트 하는 부분의 문법이 조금 달랐네요!https://kir93.tistory.com/entry/NextJS-Redux-Toolkit-next-redux-wrapper-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0이 링크가 도움이 됐습니다!!

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

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

styled-components 적용 질문

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

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

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