[MEMO APP] Back-end/환경설정 (2)

🔨 웹프레임워크 설치 Koa

 

index.js에서 서버관련 소스코드를 작성하기 위해서는 이를 도와주는 프레임워크를 사용해야합니다.

 

back-end에서 이번에 사용할 프레임워크는 koa라는 프레임워크입니다. 물론 node에서는 express가 제일 유명하나.. 같은 제단? 회사? 에서 현재도 가볍기는 하지만 이것저것 많이 제공해서 무거운 express대신에 비동기와같은 기능은 보강해서 다시만든 koa를 출시했습니다. (저도 잘은 몰라요 ㅎㅎ)  koa는 REST API용 서버를 만들때 강하다는 장점이 있다고 하니 이것을 채택해 사용하겠습니다.

 

yarn 을쓰신다면 yarn add koa koa-router, npm을 쓰신다면 npm i koa koa-router를 입력해줍니다.

 

설치가 되셨다면 VSCODE에서 index.js파일을 열어주세요

 

일단 koa 프레임워크가 익숙치않은 뉴비이기 때문에 정석대로 koa document를 많이 참고하여 만들어보도록 하겠습니다.

(모르는건 질문해도 좋으나, 답변을 못할수도 있어요 ㅎㅎ... 답변이 가능하도록 열심히 공부할게요.) 

https://devdocs.io/koa/

 

일단 공식문서를 보아하니 기존에 사용하던 express문법과 거의 흡사합니다. 다른점이라면 미들웨어를 처리하는 정말 조금의 문법정도..?

const Koa = require('koa');

// app을 생성해줍니다.
const app = new Koa();
// 서버에서 사용할 포트를 불러옵니다.
const port = 4000;

// test 응답
app.use(async (ctx) => {
  ctx.body = 'Hello World';
});

// app을 활성화상태에 둡니다.
app.listen(port);

일단 위의 소스코드를 index.js에 저장하고 콘솔에가서 node index.js를 통해 실행시켜 봅시다.

(실행 후 브라우저로가서 http://localhost:4000/ 경로로 접속시 다음과 같은 화면이 뜬다면 성공입니다.)

일단 koa를 사용하는데까진 성공했습니다. 조금 아쉬운점은 콘솔창에서 서버가 실행중임을 나타내는 문구가 나왔으면 좋겠네요. 그래서 소스코드를 조금 수정하여 다음과 같이 나타내볼게요.

const Koa = require('koa');

// app을 생성해줍니다.
const app = new Koa();
// 서버에서 사용할 포트를 불러옵니다.
const port = 4000;

// test 응답
app.use(async (ctx) => {
  ctx.body = 'Hello World';
});

// app을 활성화상태에 둡니다.
app.listen(port, () => {
  console.log(`✅  MEMO server is listening http://localhost:${port}`);
});

아주 좋습니다. 오늘은 여기까지 포스팅을 마치고 다음 포스팅에서는 아래의 일들을 처리해보도록 하겠습니다.

 

📌 Todo List    

* nodemon설정

* 우리의 app을 위한 기본적인 보안미들웨어 추가

* REST API시 각 URL요청 처리를 위한 router 설정