로그인 할때  오류가 발생했다. 오류내용은 예상된 훅보다 적은 훅이 랜더링됐고 실수로 일찍 반환된 훅이 있다는 오류였다. 기존코드/** * 'EID_AUT' 쿠키가 있는지 확인하여 사용자가 로그인 상태인지 확인합니다. * 쿠키가 있는 경우 사용자를 '/preview' 페이지로 리디렉션합니다. */const checkLoggedIn = () => { const cookie = getCookie('EID_AUT') const U_IF = localStorage.getItem('U_IF') if (cookie && U_IF) { return true } else { return false }}if (checkLoggedIn()) { return }useLayoutEffect(() => {..

msw를 쓰는데 자꾸  Warning: intercepted a request without a matching request handler: 이런 경고가 떴다.MSW가 요청을 채가서 뜨는것 같은데 오류가 너무 많아서 개발하는데 불편함이 있었다.. MSW 공식문서에 해당 오류를 복사하니 바로 위에 해결책이 있었다.  import { delay, http } from 'msw'import { adminHandlers } from './admin'import { authHandlers } from './auth/index'// 여러 handler를 한 곳에 묶어서 returnexport const handlers = [ // 처음에 구글, cdn등의 경고가 뜨는걸 막기위해 해당 응답들에대한 지연추가 ht..

게시글을 삭제하는데 개발자 도구 브라우저 콘솔에서 위와같은 에러가 떴다. function* removePost(action) { console.log('removePost::', action); try { const result = yield call(removePostAPI, action.data); yield put({ type: REMOVE_POST_SUCCESS, data: result.data, }); yield put({ type: REMOVE_POST_OF_ME, data: action.data, }); } catch (err) { console.error(err); yield put({ type: REMOVE_POST_FAILURE, data: err.response.data, }); } ..

Uncaught TypeError: (0 , immer__WEBPACK_IMPORTED_MODULE_0__.default) is not a function redux 구현 에서 불변성 편리함을 위해 immer 적용 후 위와 같은 에러가 나타났다. 해결방법 import produce from 'immer'; import {produce} from 'immer'; 아래처럼 중괄호로 감싸주면 된다. immer 사이트에서도 저렇게 사용하고있어서 혹시나 해서 감싸봤더니 오류가 사라지고 화면랜더링이 정상적으로 작동했다. import React, { useEffect,useState } from 'react' import axios from 'axios' 문득 중괄호와 그냥 import의 차이가 궁금해져서 구글링을 ..

npm run dev로 웹팩을 실행하는데 에러가 뭔가 왕창 났다. 가장 상단 에러는 resolve 'react-dom/client' in '경로' Parsed request is a module였다. client.jsx에서도 Cannot find module 'react-dom/client' or its corresponding type declarations.ts(2307)라는 오류가 뿜뿜하고있었다. import * as React from "react" import { createRoot } from "react-dom/client" import Games from "./Games" const container = document.getElementById("root") const root = cre..