Starters Starters

최종코드 var http = require('http'); var fs = require('fs'); var url = require('url'); function templateHTML(title, list, body){ return ` WEB ${list} ${body} `; } function templateList(filelist){ var list = ''; var i = 0; while(i < filelist.length){ list += `${filelist[i]}` i += 1; } list = list + ''; return list; } var app = http.createServer(function(request,response){ var _url = request.url; var ..

리스트 변수에 filelist 배열의 정보 넣고 반복문과 ul태그를 통해 목록을 출력 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 pathname = url.parse(_url, true).pathname; if(pathname === '/'){ if(queryData.id === undefined){ fs.readdir('./data', function(err, filelist){ ..

이렇게 콘솔에 보이도록 하면 아래와 같이 나온다. 여기서 pathname: '/' root 즉, index.html의 본문에 대한 경로에 접근하기 위해 url.parse(_url, true).pathname 을 변수에 저장해 사용할 수 있다. pathname이 '/'과 동일하다면 파일 읽어들이도록 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 pathname = url.parse(_ur..

각 본문의 내용을 data 디렉토리에 파일로 저장 -> 파일이름과 id에 지정한 이름 동일하기 때문에 queryData.id 로 불러오기 -> ${description}으로 각 파일의 본문 동적으로 적용하기

... ... html 코드를 template이라는 변수에 넣고 제목에 해당하는 querystring의 id 값을 title 변수에 넣는다. 이후 template literal을 통해 URL에 입력되는 id에 따라 페이지의 title부분이 변경되도록 만든다. 마지막으로 response.end(template); 으로 동적으로 변경되는 HTML 을 브라우저에 응답한다.

객체는 어떠한 값을 선언하게 될 때, 하나의 이름에 여러 종류의 값을 넣을 수 있게 해준다. 점 연산자 통해 각 Key에 해당하는 값에 접근한다. 객체 안에 객체도 쓸 수 있음 숫자도 쓸 수 있지만, 일반적으로 Key값에는 문자열이 쓰인다. 파이썬의 딕셔너리, JSON과 동일한 형태인 것 같다. 비구조 할당 (ES6의 문법) 함수 내에서 this getter / setter 함수 getter함수 - 특정 값을 조회할 때마다 어떤 함수를 호출(호출할 때마다 어떤 동작하게끔 만들 때 사용) Setter 함수 getter 사용해서 조회하고(_name 안쓰고) setter 사용해서 값 변경 - 특정 값을 변경할 때마다 어떤 함수를 호출(호출할 때마다 어떤 동작하게끔 만들 때 사용)

함수 만들기 ES6(ECMA Script6) - 자바스크립트의 버젼을 의미 - 2015년에 개발 ES2015 라고도 함 -현재 2019년에 개발된 ES10 이 가장 최신 Template literal - ES6의 문법으로 텍스트와 변수의 결합을 쉽게 할 수 있음 함수 만들기 연습 화살표 함수 만들기 또는 아래와 같이 사용