[Typescript][Node] Express.js 웹 서버 구축하기

1. Node.js와 TypeScript 소개

Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 이를 통해 JavaScript를 서버 사이드에서 실행할 수 있습니다. Node.js는 이벤트 기반, 논블로킹 I/O 모델을 사용하여 매우 높은 처리량을 제공하며, 높은 확장성과 성능을 가지고 있습니다. Node.js는 간단한 웹 서버부터 대규모 애플리케이션까지 다양한 용도로 사용됩니다.

TypeScript는 JavaScript의 상위 집합 언어로, 정적 타입을 지원합니다. 이를 통해 코드의 가독성과 유지 보수성이 향상되며, 에러 발생을 줄일 수 있습니다. TypeScript는 JavaScript와 거의 동일한 문법을 사용하며, 타입 지정, 클래스, 인터페이스 등의 고급 기능을 제공합니다. TypeScript는 Angular, React, Vue.js 등의 프론트엔드 프레임워크에서 널리 사용되며, Node.js와 함께 사용할 수 있습니다.

Node.js와 TypeScript를 함께 사용하면, JavaScript에서 제공하는 매우 높은 확장성과 성능을 유지하면서, 코드의 가독성과 안정성을 향상시킬 수 있습니다. 이를 통해 서버 측 개발에서 생산성을 높일 수 있습니다.

2. Node.js 설치하기

Node.js를 설치하기 위해서는 다음의 단계를 따르면 됩니다.

1. Node.js 공식 웹사이트(nodejs.org)에 접속합니다.
2. "Downloads" 메뉴에서 OS에 맞는 설치 파일을 선택합니다.
   (Windows용 설치 파일은 .msi, macOS용 설치 파일은 .pkg, Linux용 설치 파일은 .tar.gz 형식입니다.)
3. 선택한 파일을 다운로드하여 실행합니다.
4. 설치 과정에서 라이선스 동의와 설치 경로를 선택합니다.
5. 설치가 완료되면 명령 프롬프트(Windows)나 터미널(macOS, Linux)에서 node -v 명령어를 입력하여 Node.js의 버전을 확인합니다.

Node.js를 설치하면 Node.js와 함께 npm(Node Package Manager)도 함께 설치됩니다. npm은 Node.js에서 사용하는 패키지 관리 도구이며, 다양한 패키지를 쉽게 설치하고 관리할 수 있습니다.

3. Express.js 설치하기

Express.js는 Node.js 웹 애플리케이션을 구축하기 위한 유연하고 빠른 웹 프레임워크입니다. Express.js를 설치하기 위해서는 다음의 단계를 따르면 됩니다.

1. 명령 프롬프트(Windows)나 터미널(macOS, Linux)을 열고, 프로젝트 디렉토리로 이동합니다.
    
2. 다음의 명령어를 입력하여 npm을 사용하여 Express.js를 설치합니다.
    

   npm install express

    
3. 설치가 완료되면, 프로젝트 디렉토리에 node_modules 디렉토리가 생성되며, 이 안에 Express.js와 관련된 패키지들이 설치됩니다.

Express.js는 다양한 기능을 제공하며, 미들웨어를 사용하여 HTTP 요청과 응답을 처리할 수 있습니다. 따라서 Express.js를 사용하여 간단한 웹 서버를 구축할 수 있습니다.

반응형

4. TypeScript와 Express.js 연동하기

TypeScript와 Express.js를 연동하여 TypeScript로 작성한 코드를 Express.js에서 실행하려면 다음의 단계를 따르면 됩니다.

1. 프로젝트 디렉토리에서 다음의 명령어를 입력하여 TypeScript를 설치합니다.
    

   npm install typescript --save-dev

    
2. TypeScript 설정 파일인 tsconfig.json을 생성합니다.
    

   npx tsc --init

    
3. tsconfig.json 파일을 열어, 다음의 설정을 추가합니다.
    

   {
   "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true
   },
   "include": [
    "./src/**/*"
   ]
   }

    
4. 다음의 명령어를 입력하여 Express.js와 TypeScript 관련 패키지를 설치합니다.
    

   npm install @types/express ts-node --save-dev

    
5. 프로젝트 디렉토리에서 다음의 명령어를 입력하여 TypeScript를 실행합니다.
    

   npx ts-node src/app.ts

    
   이제 Express.js와 TypeScript가 함께 작동하며, TypeScript 코드를 작성하여 Express.js 애플리케이션을 구축할 수 있습니다.

5. 서버 시작하기

Express.js 애플리케이션을 실행하기 위해서는 다음의 단계를 따르면 됩니다.

1. 프로젝트 디렉토리에서 다음의 명령어를 입력하여 서버를 시작합니다.
    

   `npx ts-node src/app.ts`

    
2. 서버가 정상적으로 실행되면, 콘솔에 다음과 같은 로그가 출력됩니다.
    

   Listening on port 3000

    
3. 웹 브라우저에서 http://localhost:3000에 접속하여 Express.js 애플리케이션이 실행되는지 확인합니다.

Express.js는 라우팅, 미들웨어, HTTP 요청 처리 등 다양한 기능을 제공하며, 이를 사용하여 간단한 웹 서버를 구축할 수 있습니다. 서버가 실행 중인 동안 코드 변경이 발생하면 서버를 재시작하여 변경된 코드가 적용되도록 해야 합니다.

6. 마무리

이제 Node.js와 TypeScript를 사용하여 간단한 웹 서버를 구축하는 방법에 대해 알아보았습니다. Node.js와 TypeScript는 각각의 강점을 살려서 더욱 안정적이고 생산적인 서버 측 개발을 가능하게 합니다.

Express.js는 Node.js 웹 애플리케이션을 구축하기 위한 유연하고 빠른 웹 프레임워크로, 다양한 기능을 제공합니다. TypeScript와 함께 사용하면, 더욱 안정적이고 유지 보수성이 높은 코드를 작성할 수 있습니다.

본 문서에서는 Node.js와 TypeScript, Express.js를 설치하고, TypeScript와 Express.js를 연동하는 방법, 그리고 서버를 시작하는 방법에 대해 설명했습니다. 이를 바탕으로 자신만의 웹 서버를 구축해 보세요!

더 많은 정보와 코드 예제를 확인하려면 공식 문서를 참고하시면 됩니다. 감사합니다.

이글은 ChatGPT 도움을 받아 작성되었습니다.