Node.js 및 TypeScript 기초 가이드

1. Node.js 개요

1. Node.js는 서버 사이드에서 실행되는 자바스크립트 환경이다.
2. Google V8 엔진을 사용해 자바스크립트 코드를 빠르게 실행한다.
3. 웹 서버 소프트웨어(예: Apache, Tomcat)가 필요 없이 내장 웹 서버 기능을 제공한다.
4. **NPM(Node Package Manager)**으로 다양한 패키지와 모듈을 관리한다.

---

2. 명령어 정리

도스 명령어

• cd / : 루트 디렉터리로 이동
• cd 폴더경로 : 원하는 폴더로 이동
• cd .. : 상위 폴더로 이동
• md 폴더명 : 폴더 생성

---

 

이렇게 쓰면 됨!

3. TypeScript 개요

1. 2012년 Anders Hejlsberg가 시작한 오픈 소스 언어.
2. JavaScript의 Superset으로, JavaScript로 변환되어 실행된다.
3. 강력한 형식 지정 기능과 객체지향 프로그래밍(OOP)을 지원한다.
4. Angular, React, Vue 같은 SPA 프레임워크와의 호환이 뛰어나다.

TypeScript를 사용해야 하는 이유

• 최신 JavaScript 기능을 지금 바로 사용 가능.
• 형식 안정성을 통해 코드의 오류를 줄임.
• 주요 프레임워크들이 TypeScript를 기본 채택함.

---

4. 설치 방법 및 사용법

Node.js 설치

1. Node.js 공식 사이트에서 LTS 버전 다운로드.
   
   
2. 일반적인 프로그램 설치처럼 '다음-다음'을 통해 설치.
   
   
3. 설치 후, 터미널에 입력:
   node --v # Node.js 버전 확인

   npm --v # NPM 버전 확인

    
4. NPM 오류 발생 시, 아래 명령어로 해결:
   npm install -g npm # NPM 재설치

TypeScript 설치

1. 전역 설치 (cmd 들어가서 아래 명령어 입력):
    

   npm install -g typescript

    
2. 버전 확인:
    

   tsc --version

    
3. 도움말 확인:
    

   tsc --help

    
4. 프로젝트 초기화:
    

   tsc --init

    
5. TypeScript 파일 컴파일:
    

   tsc app.ts # app.ts → app.js로 변환

    
6. 자동 컴파일 모드 활성화:
    

   tsc -w # 파일 저장 시 자동 컴파일
   • 중지: CTRL + C
     
     
     

제대로 설치된 모습 (cls를 입력하면 잡다한 글들이 사라짐)

vscode 상의 터미널에서 확인 가능

 

---

5. TypeScript 주요 기능 및 키워드 정리

주요 기능

• 인터페이스(Interfaces): 데이터의 형태를 정의하고 규칙 설정.
• 클래스(Classes): 객체 지향 프로그래밍(OOP) 방식 지원.
• 제네릭(Generics): 코드의 재사용성과 확장성을 높임.
• 모듈(Modules): 관련 코드들을 그룹화하여 관리.

키워드 정리

• class: 클래스 정의
• constructor: 생성자 함수 (클래스 초기화)
• export: 외부에서 사용할 수 있는 멤버 지정
• extends: 클래스 상속
• implements: 인터페이스 구현
• import: 모듈 가져오기
• public/private: 멤버 접근 제어
• =>: 화살표 함수 구문 (ES6)

---

6. TypeScript 변수와 타입

변수 선언 예제

var str: string = 'hello';  // string 타입 변수 선언  

function greet(name: string): string {
  return 'Hello ' + name;
}

주요 데이터 타입

• any: 모든 JavaScript 값 허용
• number: 정수와 실수 모두 포함
• boolean: true/false 값
• string: 문자열
• null/undefined: 해당 리터럴 값
• void: 반환값이 없는 함수
• array: 배열 타입
• enum: 열거형

---

7. TypeScript 클래스 예제

 

const Person = class {
  name: string;
  age: number;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }

  greet(): void {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

const john = new Person('John', 30);
john.greet();