개발/트러블슈팅

nvm cb.apply is not a function 에러 해결방법

리액트 CRA 프로젝트를 생성하기 위해 create-react-app 명령어를 사용했는데, 아래와 같은 뜬금없는 부분에서 에러가 발생했다. npx create-react-app my-app npm ERR! cb.apply is not a function npm ERR! A complete log of this run can be found in: npm ERR! /Users/ruden/.npm/_logs/2022-06-13T23_08_56_668Z-debug.log [ 'create-react-app@latest' ] 설치가 오류 코드 1로 실패했습니다 로컬에서 사용하고 있는 nvm 패키지와 관련된 이슈인 것을 확인했고, 아래와 같이 세팅해주면 깔끔하게 문제가 해결된다. nvm alias default ..

개발/트러블슈팅

도커 이미지 빌드 캐시 삭제하는 방법 (how to clear docker build cache)

도커 이미지 빌드를 할 때 캐시를 무효화시키고 싶은 경우가 있다. 이 경우에 아래의 옵션(--no-cache)을 넣으면 손쉽게 캐시 무효화를 시킬 수 있다. docker build --no-cache -t my/app .

개발/트러블슈팅

git 대소문자 파일명 폴더명 오류 (Changing capitalization of filenames in Git)

원인 git 기본설정은 파일, 폴더명의 대소문자를 구분하지 않습니다. git이 대소문자를 인식할 수 있도록 설정을 변경해줘야 합니다. 해결방법 git config core.ignorecase false

개발/트러블슈팅

[Jest] Scss "Syntax Error: Invalid or unexpected token" 에러 해결방법

Jest에서 감지할 필요가 없는 scss파일에 접근해서 발생한 에러입니다. 굳이 Jest에서 파악할 필요가 없는 파일들은 패스하면 됩니다. /Users/ruden/Desktop/development/2022/test/src/components/Progressbar/progressbar.scss:1 ({"Object.":function(module,exports,require,__dirname,__filename,jest){@import '../../styles/variables.scss'; ^ SyntaxError: Invalid or unexpected token > 1 | import "./progressbar.scss"; | ^ 2 | 3 | class Progressbar { 4 | private..

개발/트러블슈팅

vscode eslint export a CLIEngine 에러 해결방법

yarn add --dev eslint { ... "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.validate": [ "javascript", "javascriptreact", "typescript", "typescriptreact", ] } [Info - 10:31:57 AM] ESLint server stopped. [Info - 10:31:58 AM] ESLint server running in node v12.8.1 [Info - 10:31:58 AM] ESLint server is running. [Error - 10:31:59 AM] The eslint library loaded from /Users/ruden/D..

개발/트러블슈팅

Typescript 에서 console을 인식하지 못하는 문제

로컬에서 타입스크립트 테스트를 위해 설정을 하는 와중에 console을 찾을 수 없다는 에러를 발견 해당 에러는 기본적인 @types/node가 설치되지 않아서 발생한 에러 [nodemon] starting `ts-node index.ts` /Users/ruden/Desktop/portfolio/2022/learn-types/node_modules/ts-node/src/index.ts:750 return new TSError(diagnosticText, diagnosticCodes); ^ TSError: ⨯ Unable to compile TypeScript: index.ts:1:1 - error TS2584: Cannot find name 'console'. Do you need to change yo..

개발/트러블슈팅

SSH 로그인 접속 시 퍼미션 문제 (UNPROTECTED PRIVATE KEY FILE)

잘못된 퍼미션으로 SSH 로그인 접속할 경우 아래와 같은 에러가 발생할 수 있습니다. SSH 개인키는 중요한 정보이기 때문에 소유자 외에 다른 사람이 읽을 경우에 발생합니다. (public으로 공개되어 있으면 에러가 발생!) @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @ WARNING: UNPROTECTED PRIVATE KEY FILE! @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Permissions 0644 for '/Users/username/.ssh/your-key.pem' are too open. It is required that your private key f..

개발/트러블슈팅

타입스크립트(Typescript)에서 JSON import하는 방법

일반적으로 자바스크립트에서 json을 import하는 방법은 아래와 같습니다. // *.ts import sampleJSON from '../sample.json'; 자바스크립트로 작성했을 때는 문제가 없는 구문인데 만약 타입스크립트로 전환하게 된다면 타입스크립트는 기본적으로 JSON 파일 확인을 지원하지 않기 때문에 json을 가져오기 위해 몇 가지 설정이 필요합니다. // tsconfig.json { "compilerOptions": { "resolveJsonModule": true } } // 또는 tsc 실행시에 --esModuleInterop, --resolveJsonModule 옵션을 추가한 후 빌드