개발 환경 설정하기

1장: 개발 환경 설정하기

Node.js와 Express를 사용하여 서버를 개발하려면 첫 단계로 개발 환경을 설정해야 합니다. 이 장에서는 Node.js와 Express를 설치하고, TypeScript를 설정하여 효율적인 개발 환경을 구성하는 방법을 살펴보겠습니다.

1. Node.js 설치하기

Node.js는 브라우저 외부에서 자바스크립트를 실행할 수 있게 해주는 런타임 환경입니다. 우선 공식 웹사이트에서Node.js LTS(Long Term Support) 버전을 다운로드하고 설치합시다.

설치가 완료되면 터미널을 열고 다음 명령을 실행하여 설치가 제대로 되었는지 확인하십시오:

node -v
npm -v

이 명령은 Node.js 및 npm 버전을 출력합니다.

2. 프로젝트 초기화

적당한 디렉토리를 선택하거나 새 디렉토리를 만들어 프로젝트를 초기화하십시오. 예제처럼 다음을 실행합니다:

mkdir my-express-project
cd my-express-project
npm init -y

이 명령은 package.json 파일을 자동으로 생성하여 프로젝트의 설정 정보를 저장합니다.

3. Express 설치 및 TypeScript 설정

Express는 간단하게 웹 서버를 구축할 수 있는 프레임워크입니다. 이를 설치하고 TypeScript를 설정하여 보다 안정적이고 안전한 코드를 작성할 수 있습니다.

Express 설치

npm install express

TypeScript 설치

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

TypeScript 설정 파일 생성

다음 명령으로 tsconfig.json 파일을 생성합니다:

ts --init

tsconfig.json 파일에서 필요한 설정을 확인하고 만약 필요하다면 변경합니다.

4. 간단한 서버 앱 작성하기

모든 설정이 완료되었으므로, Express와 TypeScript로 간단한 서버를 작성해 봅시다.

파일 생성 및 코드 작성

src 디렉토리를 생성하고 src/index.ts 파일에 다음 내용을 작성합니다:

import express from 'express';

const app = express();
const port = 3000;

app.get('/', (req, res) => {
  res.send('Hello, Express and TypeScript!');
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

서버 실행

다음 명령으로 서버를 실행합니다:

npx ts-node src/index.ts

브라우저에서 http://localhost:3000로 접속하여 서버가 정상적으로 작동하는지 확인하세요.

5. 결론

이 장에서는 Node.js와 Express를 설치하고 TypeScript를 사용하여 개발 환경을 설정하는 방법을 배웠습니다. 이 단계를 잘 완료하면 앞으로 보다 편리하고 안전하게 서버를 개발할 수 있습니다. 다음 장에서는 보다 구체적인 Express의 라우팅 및 미들웨어 작동 방식을 알아보겠습니다.