[TIL] 프로젝트 셋팅 - Hacker News Client with JS

프로젝트를 새로 시작할 때마다 나를 가장 혼란스럽게 하는 환경 셋팅.
이번 강의는 셋팅부터 기록하며 복습을 해볼까 한다.

 

Debugger

Debugger for Chrome이라는 VScode Extension 설치
: 아직 뭐에 쓰는건지 잘 모르겠음. 공부하며 업데이트 예정.

 

Nodejs

https://nodejs.org 에서 LTS 버전 설치.
: 이전 강의 들으면서 이미 설치해놨었는데, mac os 업데이트하면서 이것저것 삭제된 것이 많아서 다시 설치했다.
일단 node -v를 입력해보면 설치여부, 버전을 알수 있다.

 

Parcel

웹팩 등 좋은 번들러들이 있지만,
셋팅이 가장 쉬운 번들러를 통해 Javascript와 Typescript 학습에 더 집중하기 위한 목적으로 선택.
https://ko.parceljs.org/getting_started.html 에서 설치 명령어 확인.
Nodejs를 설치하면서 npm이 깔렸기 때문에, npm을 통해 설치한다.
npm install -g parcel-bundler

근데 이 과정에서 나는 Err -13이 발생했다. 접근권한 문제로 생기는 에러.
권한 문제일때는 명령어 앞에 sudo를 붙여주면 된다고 한다.

sudo npm install -g parcel-bundler
그래서 이걸로 무사 설치 완료.

 

Typescript

https://www.typescriptlang.org/
타입스크립트 페이지에 나와있는 명령어
npm install typescript --save-dev 는 해당 프로젝트에만 설치하는 버전.

https://www.npmjs.com/
npm 사이트에서 typescript를 검색해 글로벌버전 설치 명령어를 확인해서 설치했다.
npm install -g typescript
이것도 앞에 sudo를 붙여서 설치를 완료할 수 있었다.

 

---

패캠에서 이 강의를 11월 중순쯤 듣기 시작했는데,

이제 겨우 바닐라 자바스크립트 강의를 마무리한 나에겐 좀 어렵게 느껴졌다 ㅠ

 

그래서 일단 멈춰놓고, 코딩애플(11월 말 시작) 로 자바스크립트 더 배우는 중!