웹팩을 실행했더니 위와같은 경고가 주루룩 떴다. 찾아보니 웹팩 설정에 devtool속성을 추가하라는 것이 있어서 // webpack.config.js devtool: 'eval-cheap-source-map', 아래의 eval-cheap-source-map을 추가했다. 이걸 설정해두지 않으면 소스맵 생성을 최대한 꼼꼼하게 하는 것 같다. 그래서 eval-cheap-source-map으로 간소화 시키는 세팅을 해준것 같은데 문서를 읽어봐도 아직 소스맵을 제대로 이해하지 못해서 정확하게는 모르겠다. 조금씩 알아가야지. 무튼 저거를 설정에 넣어주고 다시 웹팩 실행했더니 깔끔해진 콘솔을 만날 수 있다. 참고 -https://stackoverflow.com/questions/61767538/devtools-fai..

Cannot GET /유데미 강의를 따라서 webpack 실습 중 개발서버 설정을하고 npm start를 하면 해당오류가 났다. 저거 외에는 다른 오류가 없어서 답답해 하던 찰나 Webpack-dev-server "Cannot GET /"i'm trying to get my webpack-dev-server to run but i face always the error "Cannot Get /" at the browser. I know that there are serveral questions with the same error, but none of them he...stackoverflow.com나랑 똑같은 강의를 듣는중인 사람의 stackoverflow글을 찾게됐다. 해결방법은 package.js..

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..

강의 따라서 몽고디비 연결하는데 자꾸 Error [MongoServerError]: bad auth : authentication failed 라는 에러가 떴다. 나의 해결방법 0: 코드에 오타나 연결이 잘못된 부분이 있나 문서도 보고 다 찾아봤음 나의 해결방법 1: GPT한테 물어본다. 지피티한테 코드 복사해서 물어봤더니 connect부분이 잘못됐다고 그래서 다시보는데 맞는데.... 라고 생각하다가 아차! 싶은 부분이 있었다. 여기서 EDIT 누르면 아래와 같은 창이 뜨는데 Autogenerate Secure Password로 비밀번호 만들고 Update User를 안눌렀었다. 젠장 다시 패스워드 만들고 업데이트 한 후에 실행하니까 잘되더라 쉬익..

const TodosContextProvider: React.FC = (props) => { ...코드생략 return ( {props.children} ); }; 강의를 따라하는데 props.children 은 따로 명시를 해주지 않아도 children이 자동으로 있다고 그냥 쭉쭉 진도나가는데 나는 자꾸 존재하지 않는다고 떴다. 시도1const TodosContextProvider: React.FC = (props) => { ...코드생략 return ( {props.children} ); };그래서 FC에 제네릭으로 빈 객체를 넣어줘봤다. 응 그래도 빨간줄 시도2type Props = { children: React.ReactNode; }; const TodosContextProvider: React..