TIL 홈페이지 만들기 1

TIL 홈페이지 만들기 1

nyamo 라는 디렉토리 파일을 만들어 준다.
그 안에 back 이라는 디렉토리 파일을 생성한 다음 터미널로 들어가 npm init 을 해준다.
전부 엔터를 눌러 packing.json 파일을 생성한다.

npm i express ts-node typescript reflect-metadata @types/express @types/node
npm i -D nodemon 
npx tsc --init

위처럼 패키지를 설치해주고 packing.json 에서 아래처럼 수정해 준다.

...
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "prestart": "tsc",
    "dev": "nodemon --exec ts-node src/index.ts"
  },
...

tsconfig.json 파일을 아래와 같이 수정한다.

{
  "compilerOptions": {
    "lib": [
      "es5",
      "es6"
    ],
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "outDir": "./dist",
    "rootDir": "./src",
    "noImplicitAny": false,
    "esModuleInterop": true
  }
}

src 디렉토리를 만들고 그 안에 index.ts 파일을 생성하고 아래와 같이 입력한다.

import express from 'express';

const app = express();

app.get('/', (req: express.Request, res: express.Response) => {
	res.send('Hello World!');
});

app.listen(4000, () => {
	console.log('Example app listening on port 4000!');
});

터미널에서 npm run dev 를 하면 http://localhost:4000/ 으로 들어갈 수 있고 들어가면 hello World 라는 텍스트가 뜬다.

좋은 웹페이지 즐겨찾기