🟦typeScipt 기본 설정

🟦 0. npm 패키지 매니저 사용

0-1. typeScript 전역적으로 설치

npm install -g typescript

🟦 1. 프로젝트 진행할 폴더 생성

🟦 2. 프로젝트 세팅

해당 프로젝트로 이동하여 진행

npm init -y

tsc --init --rootDir ./src --outDir ./dist --esModuleInterop --module commonjs --strict true --allowJS true --checkJS true

참고 :
--rootDir ./src : 프로그램의 소스 파일이 들어가는 경로는 src 디렉토리
--outDir ./dist : 컴파일이 된 파일들이 들어가는 디렉토리는 dist 디렉토리
--esModuleInterop : CommonJS 방식의 모듈을 ES모듈 방식의 import 구문으로 가져올 수 있음.

🟦 3. package.json 에 script 추가

"scripts": {
    "start": "tsc && node ./dist/index.js",
    "build": "tsc --build",
    "clean": "tsc --build --clean"
},

🟦 4. 디렉토리에 사용할 src 폴더 생성

🟦 5. 로직추가 (여기서부터는 원하는 로직을 짜면 됨)

interface Student {
  name: string;
  age: number;
  scores: {
    korean: number;
		math: number;
		society: number;
    science: number;
    english: number;
  };
}

function createStudent(name: string, age: number, korean: number, math: number, society: number, science: number, english: number): Student {
  return {
    name,
    age,
    scores: {
			korean,
      math,
			society,
      science,
      english,
    },
  };
}

function calculateAverage(student: Student): number {
  const sum = student.scores.korean + student.scores.math + student.scores.society + student.scores.science + student.scores.english;
  const average = sum / 5;
  return average;
}

function assignGrade(average: number): string {
  if (average >= 90) {
    return 'A';
  } else if (average >= 80) {
    return 'B';
  } else if (average >= 70) {
    return 'C';
  } else if (average >= 60) {
    return 'D';
  } else {
    return 'F';
  }
}

function printResult(student: Student): void {
  const average = calculateAverage(student);
  const grade = assignGrade(average);
  console.log(`${student.name} (${student.age}세) - 평균: ${average.toFixed(2)}, 학점: ${grade}`);
}

function main(): void {
	const spartan = createStudent('Spartan', 30, 95, 89, 76, 90, 97);
	printResult(spartan);
}

main(); 

🟦 6. ts파일 다 만들었다면 빌드하기

컴파일 에러가 있으면 이때 에러가 발생함.
ts -> js 바꿔주는듯

npm run build 

• 빌드하는 과정에서 dist 폴더가 생성됨

  dist 폴더는 뭘까?

  • distribution의 약자
  • src의 typescript 코드가 nodejs에서 작동하기 위해 javascript 코드로 컴파일된 결과물.

🟦 7. js 파일 실행

npm run start

참고:
https://myung-ho.tistory.com/94
https://inpa.tistory.com/entry/TS-%F0%9F%93%98-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-tsconfigjson-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-%EC%B4%9D%EC%A0%95%EB%A6%AC