Web Dev/React.js

241128 - react webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. / cloudinary fs module not found

문제 상황cloudinary client를 다운받고, .ts파일을 만들어 돌리려는데 Webpack 5 어쩌고 에러가 남문제를 해결했지만, fs module을 찾지 못했다는 에러가 계속 남해결 방법1번 문제 webpack.config.js를 연다 (위치 - node_modules/react-scripts/config/webpack.config.js)plugin 부분에 밑에 github 답변대로 new webpack.ProvidePlugin... 부분을 넣는다.그 아래 resolve 안에 fallback 부분을 추가하고, 필요한 모듈을 넣는다.https://webpack.kr/configuration/resolve/#resolvefallback추가한 모듈들을 모두 npm install한다. 설치하지 않으면 ..

[REACT] react-router-dom 및 module.css 사용 중 이슈

개요react-router-dom을 이용해 nav바를 만들어 routing을 제어하고, activeclassname 속성을 활용하여 nav바에서 선택된 이름을 표시하는 기능을 구현했었다. Home Category Tags About 문제상황그런데 css modules을 이용하면서 문제가 생겼었는데, css modules에선 className 및 일부 요소들만 뒤에 hash를 붙여서 고유하게 되기 때문에 activeclassname으로 지정한 .active 클래스 이름이 적용되는 과정에서 문제가 생겼다.activeclassname으로 지정한 .active 클래스가 (해당 path일때 클래스가 추가됨) 분명 styles.을 붙여서 넣었는데도 뒤에 해시가 붙지 않고 들어가는 문제가 ..