package.json의 devDependencies에 등록된 eslint가 설치가 되지 않아 버전을 변경하였더니 문제가 해결되었다. eslint 설치 에러 "devDependencies": { (...생략...) "eslint": "^7.32.0", "eslint-plugin-import": "^2.25.3", "eslint-plugin-node": "^11.1.0", "eslint-plugin-promise": "^5.1.0", "eslint-plugin-vue": "^8.0.3" }, 위 버전을 install 했는데 아래와 같이 에러가 발생하였다. >npm install npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tr..

팀 프로젝트를 깃허브에서 Pull 하고 실행했는데 아래와 같은 메시지가 포함된 에러가 발생했다. 이 문제는 OS별로 줄 바꿈 방식이 다르기 때문이라고 한다(macOS와 Linux는 LF, 윈도우는 CRLF가 기본값). prettier 2.0 이상에서는 LF를 사용하는데 윈도우에서는 엔터 키를 누를 경우 CRLF 방식으로 줄 바꿈이 이루어 지기 때문에 에러가 발생한다. error Delete `␍` prettier/prettier .eslintrc.js 파일에 아래 코드를 [그림 1]과 같이 추가하면, npm run serve 실행이 정상적으로 된다. endOfLine: "auto" 하지만 component의 코드 작성 후 저장하면 에러가 발생한다. 따라서 이에 추가하여 "Ctrl + ,"로 설정 진입 후..

2022 개발자의 품격 부트캠프 첫 수업이 시작되었다. "시작이 반이다!" 개발환경 설정에 어울리는 말이다! HTML, CSS, JavaScript 를 VS Code에서 작성할 때 유용한 Extension을 정리하였다. Prettier - Code formatter는 특히 인상적이었다. JavaScript (ES6) code snippets publisher: charalampos karypidis ES6를 포함한 자바스크립트 코드 자동완성. HTML Snippets publisher: Mohamed Abusaid HTML 코드 자동완성. HTML CSS Support publisher: ecmel CSS에서 색상표를 직관적으로 볼 수 있는 기능 등. ESLint publisher: Microsoft 자..