허의 개발 일지

프로젝트를 생성하고 서버를 실행했는데, 컴포넌트를 찾을 수 없다고 에러가 뜬다.분명히 같은 경로에 저장했는데 안되길래 찾아보니까 절대경로를 설정하지 않아서 그렇다. 절대경로를 설정하지 않으면 import 할 때마다 ../../ 이런 상대경로를 지정해줘야한다. jsconfig.json 파일 생성{ "compilerOptions": { "baseUrl": "src" }, "include": ["src"]}baseUrl  : 기본 경로 src로 설정include : import시 '/components' === '/src/components'jsconfig.json 파일을  프로젝트 제일 상단 디렉토리에 생성해준다.

[2025.05.12] material-ui 버전 업데이트 추가추가글 오랜만에 material-ui 들어가서 컴포넌트 사용법을 보려고 하니까이렇게 Grid에 Legacy가 붙은걸 발견했다.보니까 기존에 쓰던건 legacy고, 새로운 버전의 Grid가 생긴 듯 하다. https://mui.com/material-ui/migration/upgrade-to-v7/ Upgrade to v7 - Material UIThis guide explains how to upgrade from Material UI v6 to v7.mui.com ✅ MUI v5 → v7 한 번에 업그레이드하는 법1. 최신 버전 설치bashnpm install @mui/material@latest @emotion/react@latest @..

이미 완성된 리액트 프로젝트를 실행시키려고 하니 라이브러리 설치된게 하나도 없어서 package.json 의 dependencies에 있는 라이브러리를 모두 설치하려고 한다. 일괄 설치하려면 npm install 을 치면 된다는데 무슨 에러가 잔뜩떠서 찾아보니 현재 node버전과 package.json에 있는 node-sass의 버전과 호환되지 않아서 별걸 다 해봐도 안되었던 것이다. (현재 node버전은 높은데 node-sass가 오래됨) node-sass버전을 바꾸는것 보단 node버전을 바꾸는게 낫다는 검색결과를 봐서 node 버전을 낮춰주니 npm install이 정상정으로 되었다. node버전 다운그레이드 하는 방법은 Mac OS는 많은데 윈도우는 좀 까다로운것 같아 그냥 낮은 버전으로 재설치했..