[TypeScript] 타입스크립트 환경설정

🤷‍♂️ 타입스크립트를 왜 사용할까요?

• 타입스크립트를 사용하면 컴파일단에서 타입 오류를 체크할 수 있음(사전 검출)
• 코드 가이드 및 자동 완성 기능 제공
• 브라우저는 타입스크립트를 읽지 못하기 때문에, 타입스크립트로 작성한 코드는 자바스크립트 코드로 컴파일된다.

실시간으로 컴파일 확인

• tsc --init

• 타입스크립트 설정 파일(tsconfig.json) 생성
  - "rootDir": "./",
  - "outDir": "./dist", -> 지정한 폴더에 js 파일 생성
  - "strict": true, -> 아래의 모든 항목 true

• tsc --watch

브라우저에서 결과 확인용 웹서버(node 명령 대신)

• npx serve 파일명
• npx : 설치하지 않고 임시폴더에 다운받아 실행