타입스크립트 강의 수강중
인프런의 타입스크립트 입문 강의를 수강중 npm i typescript -g 명령어에 대한 EACCESS error에러가 발생했다.
해당 에러가 왜 일어나는지에 대해 잠시 찾아보았고 금방 해결할 수 있었는데 이유는 글로벌(전역) 명령어를 사용할 때 권한 부여와 관련된 이슈라는 것을 알게 되었다.
이에 대한 해결 방법으로는
Option 1: npm의 기본 디렉터리 권한을 변경한다.
- npm의 디렉터리 상태를 확인한다.
npm config get prefix
많은 경우 /uer/local일 것이다. 만약 /usr로 되어 있다면 option 2로 해결해야 한다.
- npm의 디렉터리에 owner를 현재 사용자로 설정한다.
sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share}
이 변경은 하위 폴더의 권한 까지 모두 변경한다.
Option 2: npm의 기본 디렉터리를 다른 디렉터리로 변경한다.
/usr와 같이 공통 디렉터리의 owner를 변경하지 말아야 할 경우 이 방법을 사용한다.
-
hidden 디렉터리를 생성한다.
mkdir ~/.npm-global -
npm의 기본 폴더를 변경한다.
npm config set prefix ‘~/.npm-global’ -
~/.profile 파일을 생성하고 아래 내용을 추가한다.
export PATH=~/.npm-global/bin:$PATH -
command line에서 아래를 수행한다.
source ~/.profile
해당 글을 보고 방법을 찾을 수 있었다. 이 방법을 시도한 이후 다시 설치했을 때 정상적으로 설치되는 것을 확인할 수 있었다.
이후에 작성한 ts파일을 js파일로 컴파일 할 수 있었는데 ``` tsc 파일이름.ts ``` 를 사용해서 현재 작업된 ts파일을 컴파일해 js파일로 변환하는 작업이 이루어졌다.
강의에는 나와있지 않지만 컴파일하는 몇가지 방법이 있다고 해서 찾아보았다.
- 하나의 파일을 실시간으로 컴파일하기 (watch mode)
tsc fileName.ts -w- 다수의 파일을 실시간으로 컴파일하기
이때는 tsconfig.js파일을 먼저 생성해야한다.
tsc --init이후로는 파일명 없이 tsc를 입력하는 것만으로 다수의 파일을 컴파일 할 수 있다.
여기서 다수의 파일을 실시간으로 컴파일 하려면 1번의 watch mode를 사용하면 된다.
tsc -w