[ NodeJS 기본 ] Node JS에서의 CSS 적용

  nodejs에서는 외부 html을읽거나 스크립트 상에 정의된 템플렛을 이용해 html을 response로 전달합니다. 이때, html파일에 style.css라는 파일을 적용하고 싶다면, 아래와 같이 css파일 요청에 대한 응답을 정의해 놓으면 됩니다. (html 파싱 과정중 발생한 css와 관련된 request에 대한 응답을 정의함으로써 페이지에 css를 적용가능하게 되는 것입니다.)

 

const http = require('http');
const fs = require('fs');

http.createServer((req, res) => {
  if (req.url === '/style.css') {
    fs.readFile('style.css', (err, data) => {
      if (err) {
        res.writeHead(404, { 'Content-Type': 'text/plain' });
        res.write('404 Not Found');
        return res.end();
      }
      res.writeHead(200, { 'Content-Type': 'text/css' });
      res.write(data);
      return res.end();
    });
  }
}).listen(3000, () => {
  console.log('Server running on port 3000');
});