데일리 2센트 - 익스프레스

Daily Two Cents의 두 번째 버전에 다시 오신 것을 환영합니다!

오늘은 본질적으로 준비하는 날이었습니다. Discord 봇을 호스트하기 위해 Repl.it을 사용하고 있기 때문에 일종의 인터페이스를 추가하기로 결정했습니다. 그래서 오늘은 모든 정적 파일을 설정하는 데 시간을 보냈습니다. 아무 것도 설치할 필요가 없도록 일반 html과 css를 사용할 것입니다. 아래 인덱스 페이지를 볼 수 있지만 "Hello World"만 있습니다.



이제 설정 방법에 대한 설명으로 들어가겠습니다.

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

이것은 단지 익스프레스를 받고 앱을 설정하는 것입니다. 포트를 변수에 저장하여 듣기 시작하면 사용할 수 있습니다.

app.use(express.static('public'));

이 줄은 css 파일, 사진 등을 포함한 정적 자산에 액세스할 수 있게 해줍니다.

app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname + '/public/index.html'));
});

이 코드 블록은 인덱스 파일로 이동합니다. '/' 경로로 이동하면 해당 특정 파일을 보냅니다.

app.listen(port, () =>
  console.log(`Example app listening at http://localhost:${port}`)
);

그리고 마지막으로 여기에 이것을 가지고 있으므로 앱이 듣고 있음을 알 수 있습니다.

확인하실 수 있습니다 the bot code here

앞서 언급했듯이 아직 이 페이지에 무엇을 넣을지 잘 모르겠지만 주말 동안 이 페이지로 무엇을 할 수 있을지 생각해 보겠습니다.

오늘 작업한 내용은 여기까지이므로 여기서 마무리하겠습니다. 읽어주셔서 감사하고 내일 뵙겠습니다!