리셋 되지 말자

Create 페이지 확인하기 create 링크를 클릭하면 '/create' path를 지정했으므로 pathname은 /create가 된다. '제출'버튼을 클릭하면 /create_process로 가도록 path를 지정했으므로, 이를 처리하기 위해 else if 분기문에 추가해준다. ... } else if(pathname === '/create_process'){ response.writeHead(200); response.end('Success'); } else { // 없는 페이지를 요청하면 404 에러 response.writeHead(404); response.end('Not found'); } ... 저장하고 'Success'문구가 출력되는지 확인한다. 제출 버튼 클릭 후 화면 POST방식의 데이..

코드 팩토링 및 'create' 추가 main.js var http = require('http'); var fs = require('fs'); var url = require('url') // url 모듈을 사용한다 function templateFiles(filelist) { var list = ''; for (var i = 0; i < filelist.length; i++) { list = list + `${filelist[i]}`; } list = list + ''; return list; } function templateHTML(title, list, body) { return ` WEB2 ${list} create ${body} `; } var app = http.createServer(fu..

form 태그 form.html 접속화면 위와같이 form 태그로 감싼 뒤, action을 주면 action에 해당하는 주소로 태그에 입력한 내용을 전송하게 된다. 그림처럼 title에는 hi, description에는 dfsd를 입력하고 제출을 누르면, Nou found가 출력이 되지만 중요한 것은 url이다. action에 지정한 경로?title='hi'&description='dfsd' 로, 경로와 입력한 정보들이 보내지게 된다. 이런 방식은 '주소에 데이터가 포함되어 있는' 상태이다. 좋은 방법이 아니라는 뜻이다. (저 주소로 접속하면 게시물을 올리는 거라면, 주소만 가지고 언제든지 게시물을 올릴수 있다.) - 서버에서 데이터를 가져올 때(get) : query strig을 쓴다. - 서버로 데이..

PM2 nodejs process가 구동중일 때, 예기지 못하게 동작이 중지되는것을 방지하여 process가 꺼지면 다시 실행시켜줌. 프로그램이 수정되는것을 관찰하고 있다가, 프로그램이 수정되면 process를 자동으로 껏다가 켜주는 역할을 함 npm으로 PM2 설치 npm install pm2 -g -g 옵션은 설치하는 sw가 독립적이라서 어디에서든 실행될 수 있다라는 옵션 PM2로 main.js 실행 pm2 start main.js 실행한 화면 ------------- __/\\\\\\\\\\\\\____/\\\\____________/\\\\____/\\\\\\\\\_____ _\/\\\/////////\\\_\/\\\\\\________/\\\\\\__/\\\///////\\\___ _\/\\\_..

동기(synchronous) vs 비동기(asynchronous) 순차적인것과 순차적이지 않다고 이해했다. 라면을 끓이는 데 물이 끓기를 기다리는 동안 나는 유투브를 본다. (비동기) 라면을 끓이는 데 물이 끓기를 기다리는 동안 아무것도 하지 않고, 기다렸다가 할 일을 한다. (동기) ㅇ_ㅇ?

목록 동적 생성 이 전 게시글의 readdir을 활용해서 리스트를 동적으로 생성 main.js var http = require('http'); var fs = require('fs'); var url = require('url') // url 모듈을 사용한다 var app = http.createServer(function (request, response) { var _url = request.url; var queryData = url.parse(request.url, true).query; var pathname = url.parse(_url, true).pathname; // 루트 디렉토리 (/)로부터 존재하는 페이지를 요청하면 페이지 표시 if (pathname === '/') { fs.rea..

현재 코드의 문제점 main.js의 일부 HTML CSS JavaScript 지금은 HTML, CSS, JavaScript 파일 3 가지 뿐이지만, 파일이 추가될 때마다 리스트 목록을 직접 수정해줘야 함. 이를 파일 목록을 가져와서 자동으로 리스트를 생성하는 방법으로 해결하도록 한다. 파일목록 읽어오기 readdir.js를 생성해서 실험 readdir.js var testFolder = './data/'; var fs = require('fs') fs.readdir(testFolder, function(error, filelist){ console.log(filelist); }) 결과 [Running] node "c:\VSCodeFiles\JS\nodeJS_OpenTutorial\OpenTutorial\..

메인 페이지(루트) HTML, CSS, JavaScript는 잘 동작하지만, WEB을 눌렀을 때(localhost/)는 아래와 같이 내용이 없다 path로 구분 이전까지는 pathname으로 HTML, CSS, JavaScrip를 구분하였는데, 루트 디렉토리는 pathname으로 구분할 수 없다.(뒤에 query string이 붙지 않기 때문) HTML로 접속 시 url 정보 Url { protocol: null, slashes: null, auth: null, host: null, port: null, hostname: null, hash: null, search: '?id=HTML', query: [Object: null prototype] { id: 'HTML' }, pathname: '/', pa..