IT/기타

[VSCode/ESLint] ESLint 자동 수정이 적용되지 않을 때

vscode에서 eslintrc 설정 후 저장을 하면 eslint fix가 가능한 부분은 자동으로 수정이 된다. 만약 되지 않는 다면 아래의 경우 중 하나일 수도 있기 때문에 하나씩 시도해보고 해결되는지 확인해보면 된다. 1. Format On Save VSCode 설정에서 Format On Save를 검색하여 해당 설정을 체크한다. 2. editor.codeActionsOnSave settings.json 설정에서 editor.codeActionsOnSave에 "source.fixAll.eslint"를 true로 설정한다. { "editor.codeActionsOnSave": { "source.fixAll.eslint": true } } 3. eslint.codeActionsOnSave.rules se..

[npm] npm install할 때 unable to resolve dependency tree 오류

요즘 npm intsall을 하면 이런 에러를 자주 마주하게 된다. 원인은 2021년 2월 출시된 npm 7버전부터 추가된 peerDependencies를 자동으로 설치하는 기능 때문이다. peerDependencies를 자동으로 설치할 때, 이미 설치되어 있는 의존성(direct dependencies of the root project)과 동일하지만 버전이 다른 peerDependencies가 존재하면 충돌이 일어나서 위와 같은 에러가 나게 된다. $ npm install @craco/craco --legacy-peer-deps $ npm install @craco/craco --force 해결하려면 npm install 모듈명 명령어 뒤에 --legacy-peer-deps 또는 --force를 추..

[VSCode/Prettier] Prettier 설정 파일이 있을 때에만 적용하기

VSCode에서 Prettier 익스텐션 설치 후 Format On Save 설정을 체크하면 저장할 때마다 자동으로 Prettier가 적용이 된다. 그런데, 모든 프로젝트에서 Prettier를 적용하지 않고, 특정 프로젝트에서만 적용시키고 싶을 수도 있다. 아래의 두 가지 방법으로 해결할 수 있다. 1. settings.json 루트 디렉토리에 .vscode 폴더를 만들고 그 안에 settings.json을 만들어서 Format On Save 설정을 활성화할 수 있다. VSCode 기본 설정에 있는 Format On Save를 해제하고, Prettier 적용을 원하는 프로젝트에서 settings.json으로 개별적으로 설정해주면 된다. { "editor.formatOnSave": true } 2. Req..

[jsDelivr] 무료 CDN 서버로 github 저장소 파일 배포하기

🚚 jsDelivr jsDelivr는 전세계에서 무료로 이용할 수 있는 CDN(Content Delivery Network) 서비스다. 전 세계 곳곳에 캐시 서버를 두고, 접속한 지역에서 가장 가까운 서버로부터 파일을 전송받게 되어 빠른 속도를 유지할 수 있다는 장점이 있습니다. jsDelivr는 무료이며 상업적으로도 이용할 수 있습니다. 다만, 이미지 CDN으로 사용하거나 대용량 파일 전송용으로 사용하는 것은 금지되어 있습니다. 📦️ github에 있는 파일을 jsDelivr로 CDN에 올리는 방법 별도의 업로드 과정이 필요 없고, 아래와 같은 형식으로 주소를 작성하면 됩니다. https://cdn.jsdelivr.net/gh/깃헙아이디/깃헙Repo이름@브랜치이름/파일이름 예를들어 https://git..