계발하는 개발자

참고 https://github.com/FortAwesome/react-fontawesome/issues/366 에러 폰트어썸 regular 아이콘을 사용하려고 했을 때 아래같은 에러가 발생했다. 원인 스택오버플로우를 쭉 살펴보니까 패키지 버전 호환으로 인한 에러라고들 했다. 이러한 버전 호환성 에러는 fontawesome-svg-core 패키지가 Font Awesome의 다른 패키지와 버전 호환성이 없을 경우 발생할 수 있는데 난 애초에 svg-core 패키지를 설치하지 않아서 그런듯.. 해결 fortawesome/fontawesome-svg-core 패키지를 추가로 설치해줬고, 에러가 사라졌다. // before "@fortawesome/free-regular-svg-icons": "^6.5.1", ..

에러 react 에서 폰트어썸 아이콘을 사용하려고 패키지 설치하려고 했을 때 아래같은 에러가 떴다. c:\Users\LG\Desktop\my_project\cashbook\frontend>npm i --save @fortawesome/react-fontawesome@latest npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: react-scripts@5.0.1 npm ERR! Found: typescript@5.3.2 npm ERR! node_modules/typescript npm ERR! peer typescript@">= 2.7" from fork-ts-checker-webpack..

에러 React v18 환경에서 v17으로 다운그레이드 하고나니까 아래 같은 에러가 발생했다. [에러 코드] Cannot find module 'react-dom/client' 원인 index.js 파일에서 react-dom/client 모듈을 찾을 수 없어서 발생한 문제다. react-dom/client는 v18에서 새로 추가된 모듈이다. React v18 부터는 이 모듈을 이용해 DOM을 렌더링한다. 반면 React v18 이전 버전은 다른 모듈(react-dom)을 사용하여 렌더링한다. 따라서 이걸 회귀시켜주면 된다. 해결 이전 방식의 react-dom을 사용하여 DOM을 렌더링 해주면 된다. 1. ReactDOM을 react-dom 에서 import 해준다. // import ReactDOM fr..

참고 https://eslint.vuejs.org/rules/multi-word-component-names.html#vue-multi-word-component-names 에러 보통 컴포넌트 파일 이름을 지을 때 xxComp.vue 라고 하는 편인데 이번엔 'Comp' 는 빼고 그냥 xx.vue 형식으로 파일 이름을 지었더니 아래같은 에러가 발생했다.😦 컴포넌트 이름은 항상 여러 단어로 이루어져있어야 된다는 뜻의 에러인데.. 왜 Vue 컴포넌트의 이름은 항상 여러 단어여야 하는걸까? 궁금해서 찾아보았다. 원인 eslint-plugin-vue 공식문서에서 vue/multi-word-component-names 규칙에 관해 찾아보았다. 단일 단어로 구성된 HTML 엘리먼트와의 충돌을 방지하기 위해 vue에..