Back-End (116) 썸네일형 리스트형 Express - 8. 페이지 삭제 구현 + redirect 목표 delete 기능을 Express을 이용해 semantic url 방식으로 작성하기 이전 코드 }else if(pathname === '/delete_process'){ var body = ''; request.on('data', function(data){ body = body + data; }); request.on('end', function(){ var post = qs.parse(body); // id만 받으면 된다 var id = post.id; var filteredId = path.parse(id).base; fs.unlink(`data/${filteredId}`, function(error){ response.writeHead(302, {Location: `/`}); response.. Express - 7. 페이지 수정 구현 목표 update페이지를 Express을 이용해 semantic url 방식으로 작성하기 이전 코드 // 5. update 버튼을 누른 페이지 }else if(pathname == '/update'){ fs.readdir('./data', function(err, filelist){ var filteredId = path.parse(queryData.id).base; fs.readFile(`data/${filteredId}`, 'utf8', function(err, description){ var title = queryData.id; var list = template.list(filelist); var html = template.html(title, list, //form 부분 ` ${descrip.. Express - 6. 페이지 생성 구현 목표 create페이지를 Express을 이용해 semantic url 방식으로 작성하기 이전 코드 // 3. create 버튼을 누른 페이지 }else if(pathname === '/create') { fs.readdir('./data', function(err, filelist){ var title = 'WEB - create'; var list = template.list(filelist); var html = template.html(title, list, '', ` `); response.writeHead(200); //200: 파일을 성공적으로 전송하였음 response.end(html); }); // 4. create button을 눌러 데이터를 제출한 페이지 }else if(pathnam.. Node.js - get & post 네트워크 전송 방식으로 get, post가 있다. app.get() : 데이터를 전달해주는 방식 app.post() : 데이터의 값을 변경하는 방식. url의 query string에서 개인 정보가 노출되지 않는다. Node.js (3) — get and post 이번 시간에는 get 과 post 를 알아보도록 하겠습니다. medium.com Express - 5.2. 상세페이지 구현 2 목표 리스트 목록 페이지를 Express을 이용해 semantic url 방식으로 작성하기 request.params app.get('/page/:pageId', function(request, response){ console.log(request.params); } { pageId: 'CSS' } 따라서 request.params.pageId를 이용하여 클릭된 제목을 인지한다. 이전 코드 // 2. id값을 선택한 page } else { fs.readdir('./data', function(err, filelist){ var filteredId = path.parse(queryData.id).base; fs.readFile(`data/${filteredId}`, 'utf8', function(err.. Express - 5.1. 상세페이지구현 1 - Route Parameter 목표 홈페이지를 Express을 이용해 semantic url 방식으로 작성하기 -> url에 query string이 아닌 path방식을 통해 parameter가 전달되는 경우 처리하는 방법 알기 우리는 query string을 통해 우리가 가져오고 싶은 데이터를 웹 애플리케이션에게 전달한다. 즉, id값 전달을 통해 data 디렉토리에 있는 해당 파일을 읽어오는 것이다. 하지만 최근 query string이 포함된 주소를 아름답게 보지 않는 경향이 있다. 따라서 웹 트렌드 중 하나가 semantic url이다. (ex) localhost:3000/page/HTML 필요한 것 1. pathname = '/page' 지정 2. 콜백함수 실행될 때 '/HTML'를 가져오기 Express 페이지에서 가이드를.. Express - 4. 홈페이지 구현 홈페이지 구현하기 app.get('/', function(request, response){ fs.readdir('./data', function(err, filelist){ var title = 'Welcome'; var description = 'Hello, Node.js'; var list = template.list(filelist); var html = template.html(title, list, `create`, `${title}${description}` ); response.writeHead(200); //200: 파일을 성공적으로 전송하였음 response.end(html); }); }); 이전에 작성한 코드를 복사하여 홈페이지에 띄울 내용을 붙여넣기 한다. response.write.. Express - 3.2. Hello Word 2 전체 코드 const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Example app listening at http://localhost:${port}`) }) 설명 const express = require('express') express 모듈을 가져와 express에 넣는다. express는 후에 바뀔 값이 아니므로 const, 즉 상수로 선언한다. const app = express() express의 return된 값을 상수 app에 담는다. ap.. 이전 1 ··· 4 5 6 7 8 9 10 ··· 15 다음
