생활코딩

Coding Everybody

코스 전체목록

닫기

홈페이지 구현

수업소개

Express의 Route 기능을 중심으로 홈페이지 기능을 구현해보겠습니다. 

 

 

 

강의

 

 

 

소스코드

main.js (변경사항)

var express = require('express')
var app = express()
var fs = require('fs');
var template = require('./lib/template.js');

//route, routing
//app.get('/', (req, res) => res.send('Hello World!'))
app.get('/', function(request, response) { 
  fs.readdir('./data', function(error, filelist){
    var title = 'Welcome';
    var description = 'Hello, Node.js';
    var list = template.list(filelist);
    var html = template.HTML(title, list,
      `<h2>${title}</h2>${description}`,
      `<a href="/create">create</a>`
    ); 
    response.send(html);
  });
});

app.get('/page', function(req, res) { 
  return res.send('/page');
});

app.listen(3000, function() {
  console.log('Example app listening on port 3000!')
});

 

댓글

댓글 본문
  1. 홈페이지 구현!
  2. 어흥
    230705
  3. 감자
    22.12.22
  4. 당당
    2022.11.16
  5. enty
    너무 재밌습니다.
  6. vender
    20220716
  7. chio
    20220307
  8. 화려하게간다
    캐굴
  9. 케굴
    2021-12-31
  10. Jeong Il Haan
    20210826
  11. chimhyangmoo
    21.03.21
  12. jeisyoon
    2021.03.14 홈페이지 구현 - OK
  13. 조혜령
    template.js 처럼 js 로 골격을 세워서 개발하는 것 말고
    바로 html 파일로 연결되게 할 수는 없는건가요 ??ㅠㅠㅠ
  14. hanel_
    21.2.10
  15. 안영우
    21 01 20 완려
  16. 김지호
    21 01 06
  17. 생활둘기
    2021 1 4
  18. 콜라
    20201024 완료
  19. Yong Hyun Lee
    완료 201003
  20. ldhan0715
    20-09-14
  21. 뚜루뚜루뚭
    감사합니다
  22. 쑤우
    수강완료. 감사합니다~
  23. Giri
    확실히 편하네요
  24. eddylee123456
    완료
  25. 웅이
    nodejs와 mysql을 연동하는 강의는 따로 제공되어있습니다.
    이 강의에 사용된 소스코드는 nodejs 기본강의에사 사용하던 소스를 그대로 사용하는 것이고,
    초심자가 db를 연동하는것을 배우기전에 더 쉽게 접근할 수 있게
    fs를 사용 하는 것 같습니다.

    답변이 됐으면 좋겠습니당.
    대화보기
    • 매리미
      여기서는 왜 db를 안쓰고 구코드인 fs를 쓰죠...?
    • 크라흐마
      someObject.callbackFunc((parameter) => {});
      위와 같은 형태로 쓰시면되고 위 형태는

      someObject.callbackFunc(function(parameter){});
      와 같습니다.
      대화보기
      • 굼벵이
        완료
      • highspirit7
        문제 없이 동작합니다. 제가 초심자로 잘 알려드릴 수준은 못되지만 화살표 함수와 일반 함수가 차이가 있습니다. 이를테면 this 바인딩 같은 것이 있고요. 그런 차이들이 여기서(현재 강의 코드 상태에서)는 나타나는 상황은 아닐거에요. 그래서 문제 없이 동작하는 거겠죠.
        대화보기
        • 김태형
          fs.readdir('.data', (err, filelist)=>{
          ...
          })
          대화보기
          • huin
            readdir 부분 화살표 함수로 바꾸면 어떻게쓰면되나요 누가 알려주세욤,,ㅠㅠ
          • 지미츄
            감사합니다
          • jo_onc
            굳~~
          • 삼고잉
            잘 읽었습니다
          • 연수아빠
            감사합니다.
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기