Node.js

App - 동적인 웹페이지 만들기

수업소개

동적인 웹 페이지를 생성하는 방법을 살펴봅니다.

 

 

 

강의

 

 

 

소스코드

main.js

변경사항 

var http = require('http');
var fs = require('fs');
var url = require('url');

var app = http.createServer(function(request,response){
    var _url = request.url;
    var queryData = url.parse(_url, true).query;
    var title = queryData.id;
    if(_url == '/'){
      title = 'Welcome';
    }
    if(_url == '/favicon.ico'){
      return response.writeHead(404);
    }
    response.writeHead(200);
    var template = `
    <!doctype html>
    <html>
    <head>
      <title>WEB1 - ${title}</title>
      <meta charset="utf-8">
    </head>
    <body>
      <h1><a href="/">WEB</a></h1>
      <ul>
        <li><a href="/?id=HTML">HTML</a></li>
        <li><a href="/?id=CSS">CSS</a></li>
        <li><a href="/?id=JavaScript">JavaScript</a></li>
      </ul>
      <h2>${title}</h2>
      <p><a href="https://www.w3.org/TR/html5/" target="_blank" title="html5 speicification">Hypertext Markup Language (HTML)</a> is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
      <img src="coding.jpg" width="100%">
      </p><p style="margin-top:45px;">HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms, may be embedded into the rendered page. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.
      </p>
    </body>
    </html>
    `;
    response.end(template);

});
app.listen(3000);

 

댓글

댓글 본문
  1. 전해성
    21.09.12 완료
  2. 초딩 개발자
    2021/09/11
  3. 햄쮸맨
    잼따!
  4. 고영히
    0823 완료 !
  5. Kangmin Kim
    2021.8.21 완료
    소름이 돋네요 ㅎㅎ
  6. 승뇽뇽
    클리어
  7. 박사장
    21 07 28 시청 완료!
  8. SeoulBoy0827
    url.parse 가 이제는 deprecated 되었다고 하네용... 찾아봤더니 new url(_url)로 바뀐거 같던데, 그래도 안돼서 최근에는 어떻게 바뀐건지 궁금합니다.. 혹시 아시는 분들 계실까요?(소스코드 올려주신 것도 구동은 됩니다. 다만 에디터에서 취소선이 쓰여있는게...)
  9. labis98
    20210720 completed!
  10. 2021.07.17
  11. 지금 쓰는 기술들이 어떻게, 왜 나왔는지 천천히 음미하면서 생각해볼 수 있게 해주는 강의 최고네요 ㅋㅋ
    학부 전혀 관련없는 곳 나와서 나중에 관심생겨서 듣고 있는데 다른 곳에서 중구난방으로 듣다가, 완전 쌩 기초부터 차근차근 직접 코드 작성하면서 오류 튀어나오는거 줄여나가는 재미가 있네요.
  12. warmpeace
    속이..시원헙니다!! ㅎㅎㅎ
  13. 별거
    2021.05.12 와.. node.js 어려워보이긴 했는데 정말 어렵네요..
  14. 좋은 강의 너무너무 감사합니다!!
  15. Jeong Il Haan
    20210413
  16. 자유를얻은도비
    정말 좋은 강의 감사합니다.. 이 강의가 없었더라면 저는 개발자의 꿈을 생각지지 못했을거에요. 다른 좋은 강의들도 많지만 생활코딩은 특히 정말 기초를 잡기에 최고의 강의라고 생각합니다!! 이렇게 좋은 강의 올려주셔서 너무나 감사합니다.!!!
  17. kujern
    따라하기 힘듦. 재미없음.이해 안 됨.
  18. koabc0999
    아따 재밌다
  19. 허태민
    21.03.13
  20. byoonn
    완료
  21. 밀키
    2021.02.22 수강 완료
  22. chimhyangmoo
    2021.02.18
  23. jeisyoon
    2021.02.06 ~~ 재미 있네요 ~~ 완료
  24. 마아앙
    2021.01.31
  25. 임찬혁
    오늘도 오타와 대,소문자와 허우적 대다가 완료 !!
  26. 뭄수
    완료
  27. ohhigo
    21/1/22 ★★★★★
    재밌고 쉽게 이해됩니다. 감사합니다.
  28. 2021-01-19
  29. 2020.12.29 완료!
  30. 이상운
    20/12/29완료
  31. 손민철
    20/12/29 완료
  32. 풀스택개발자
    2020 12 28
  33. 생활둘기
    2020 12 24
  34. kkn1125
    20.12.21 완료~!
  35. 옹옹
    재미있습니다
  36. 이윤재
    20201122완료
  37. 2020.11.03.TUE.
  38. 콜라
    20201014 완료
  39. 20201012
  40. Yong Hyun Lee
    완료 200930
  41. 윤병록
    20.09.23
  42. helloworld
    20.9.7
  43. CodingChan
    2020. 09. 05
  44. 커넥티드 허트
    완료
  45. 마준
    완료
  46. クレヨンしんちゃん
  47. 김혜린
    8월 5일 완료
  48. 코딩조아
    20.08.3
  49. 누누
    완료
  50. 뚜따띠또따
    20/07/30 완료!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기