개발환경

node 버전 변경 방법은 간단하다. 아래처럼 npm package n 을 이용하여 node version 관리를 해주면 된다. // node 버전관리를 이용해 n 패키지 설치 npm install -g n // lts 버전 설치 ->v18.16.0 sudo n lts // node version 확인 node --version 문제 하지만 나는 분명히 install 이 잘되었음에도, 버전 확인을 하니 기존의 14 버전이었다. 돌아보니 원인은 과거에 nvm으로 설치하고 이번에는 패키지 n으로 업데이트를 하려고 생긴 문제였다. 문제 해결 로그를 보니, 방금 install 한 위치와 과거 사용하고 있던 node의 경로가 달라서 생기는 문제 였다. (과거에는 내가 nvm으로 설치를 했나보다. 이번에는 n패키지..

node와 npm 의 버전을 변경(관리)하는 방법은 매우 간단합니다. 만약, 기존에 노드를 이미 설치한 이력이 있다면, 노드 버전 변경 포스트를 참고 해주시면 되겠습니다. 먼저, node를 설치해주기 위해서는 다음링크로 이동해줍니다. 여기에서 원하는 버전의 pkg파일을 다운해서 실행시켜주면 됩니다. (저는, LTS 버전을 설치했습니다.) 설치 후, 터미널에서 버전을 확인해 줍시다. 이제, npm 버전을 변경해봅시다. 사실 기존에 저는 8.x.x의 npm을 사용하고 있었지만 9.4.0버전으로 버전을 변경하여 위 사진처럼 나오게 됐습니다. npm version 변경: sudo npm install -g npm@ 명령어를 통해 원하는 버전을 설치하면 변경된 npm 버전을 확인해 볼 수 있습니다.

이 에러메시지는 eslintrc.js의 parserOption이 제대로 설정되지 않아서 생기는 문제이다. // .eslintrc.js parser: '@typescript-eslint/parser', parserOptions: { project: 'tsconfig.json', tsconfigRootDir: __dirname, sourceType: 'module', }, 위 처럼 설정을 해주면 정상적으로 작동한다. 나의 경우, tsconfigRootDir이 설정되어 있지 않았다.

Visual Studio Code를 사용하다보면 터미널에서 바로 열기 위해 code 명령어를 자주 사용하게 된다. 이 명령어는 Visual Studio Code에서 CMD + Shift + P 를 눌러서 code 를 입력하면 나오는 Shell Command: Install 'code' command in PATH 를 하면 되게 된다. 근데 문제는 컴퓨터를 껐다 키면 이 명령어가 사라져 있어서 매번 다시 해줘야 했던 것이다. 원인 원인은 Visual Studio Code 앱이 Downloads 폴더에 있었기 때문이다. 해결책 해결하기 위해서 Applications 폴더로 해당 앱을 옮겨주자. mv 명령어로 옮겨주자. 참고로 파일명에 띄워쓰기가 있으므로, \(역슬래쉬)를 통해서 공백을 인식하게 해주자. 잘 ..

[Problem] 원래 잘만 되던 BitBucket이 push를 하려고 하니, 갑자기 위와 같은 에러메시지를 내뱉기 시작했다. 실제 에러메시지는 아래와 같았다. [Solved] 위 에러 메시지에 따르면, 더이상 account passwords는 이용하지 못하니, app-password를 설정하고 그 비밀번호를 이용하라고 한다. 일반적으로 app-password를 설정하지 않은 사람이라고 한다면, 아래 [Solution1 - App Password 발급받은 적이 없는 경우] step을 따르면서 AppPW를 발급받고 해결 할 수 있다. 만약 기존에 app-password를 발급받았거나, 새롭게 발급받은 App password임에도 불구하고 계속 위와 같은 혹은 비슷한 에러가 발생한다면 바로 [Solutio..

Visual Studio Code에서 저장을 하면 자동으로 포맷팅이 되도록 하는 기능 설정을 해보고, 갑자기 오류로 해당 기능이 작동 안될 때 어떻게 수정할 수 있는지 알아보자. VS code에서 저장시 자동 format설정 Command + , 을 눌러 Setting에 들어간다. 오른쪽 상단에 있는 Open Setting(JSON) 버튼을 클릭한다. JSON 파일에 아래의 내용을 붙여 넣어준다(vue사용하는 prettier 기준) { "editor.formatOnSave": true, "editor.formatOnType": true, "editor.suggestSelection": "first", "git.ignoreLegacyWarning": true, "editor.renderWhitespace"..