Back-End (116) 썸네일형 리스트형 Node.js.39.JavaScript 객체의 형식 Object vs Array 둘 모두 정보를 정리정돈하는 도구이다. - {object}는 순서가 없는 정보를 다루기 편리 - [Array]는 순서(index)에 따라서 정리정돈 // array var members = ['egoing', 'k8805', 'hoya']; console.log(members[1]); //k8805 // object //각 데이터마다 고유한 이름을 부여함 var roles = { 'programmer': 'egoing', 'designer': 'k8805', 'manager': 'hoya' }; console.log(roles.designer); //k8805 Node.js.38.App 제작-글삭제 기능 완성 목표 삭제 요청을 처리하기 delete_process라는 path를 통해 삭제할 것이다. // 7. delete 버튼을 눌렀을 때 }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; }); Google에 nodejs delete file 검색해보자. unlink()를 이용하면 파일이나 링크를 삭제할 수 있다. // 7. delete 버튼을 눌렀을 때 }else if(pathname === '/d.. Node.js.37.App 제작-글삭제-삭제버튼 구현 글 삭제 - 어떤 특정 글을 클릭했을 때 삭제 버튼이 활성화됨 - 눌렀을 때 해당 글이 data 디렉토리에서 제목과 같은 파일이 삭제됨 - delete는 화면이 이동되지 않고 바로 삭제되어야 함(링크가 없어야 함) -> 홈으로 가야한다 delete 버튼 생성 // 2. id값을 선택한 page } else { fs.readdir('./data', function(err, filelist){ fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){ var title = queryData.id; var list = templateList(filelist); var template = templateHTML(title, list, `cre.. Node.js.36.App 제작-글수정-파일명 변경, 내용저장 update_process를 받을 수 있는 코드를 작성하자. 이전 정보인 name='id'도 받아야 하므로 var id도 추가한다. }else if(pathname === '/update_process'){ var body = ''; request.on('data', function(data){ body = body + data; }); request.on('end', function(){ // title, description 뿐 아니라 name="id"값도 받아야 한다. var post = qs.parse(body); var id = post.id; var title = post.title; var description = post.description; console.log(post); }); } .. Node.js.35.App 제작-글수정-수정할 정보 전송 목표 update를 눌렀을 때 화면 구성하기 필요한 것 form 태그 read 기능 update 페이지 생성 코드 }else if(pathname == '/update'){ fs.readdir('./data', function(err, filelist){ fs.readFile(`data/${queryData.id}`, 'utf8', function(err, description){ var title = queryData.id; var list = templateList(filelist); var template = templateHTML(title, list, //form 부분 ` `, ``); response.writeHead(200); //200: 파일을 성공적으로 전송하였음 response.end(.. Node.js.34.App 제작-글수정-수정링크생성 update 기능 - home에 있을 때 뜨지 않음 - 특정 글이 선택된 경우에만 뜸 -> 홈과 다른 pathname에 있을 때 다르게 떠야하므로, create templateHTML()함수에서 위 코드 부분 또한 인자 control을 받도록 변경해준다. function templateHTML(title, list, control, body) { var template = ` WEB ${list} ${control} ${body} `; return template; } 전체코드 var http = require('http'); var url = require('url'); var fs = require('fs'); var qs = require('qs'); function templateHTML(titl.. Node.js.33.App 제작-파일생성과 리다이렉션 목표 사용자로부터 받은 data를 data 디렉토리 안에 파일 저장하고, 사용자가 입력한 데이터가 잘 전송되었는지 확인하는 다른 페이지로 가게 하기 (redirection) Google에 nodejs file write를 검색해보자. https://nodejs.org/api/fs.html#fs_fs_writefile_file_data_options_callback File system | Node.js v14.9.0 Documentation nodejs.org fs.writeFile(file, data[, options], callback) callback 함수가 실행됨 (=파일의 저장이 끝났다). 따라서 response에 관한 코드들을 함수 속에 작성해야 한다. request.on('end', func.. Node.js.32.App 제작-POST 방식으로 전송된 데이터 받기 목표 Post방식으로 전송된 데이터를 Node.js안에서 가져오기 form의 action을 http://localhost:3000/create_process 로 수정하고, pathname이 /create_process일 때 전송된 데이터를 받기 위해 조건문 블록을 추가한다. }else if(pathname === "/create_process"){ response.writeHead(200); //200: 파일을 성공적으로 전송하였음 response.end("success"); } 아래 코드를 추가하여 파일을 성공적으로 전송했다는 것을 보내게 되면 이제 Status는 200으로 뜬다. Google에 Nodejs post data를 검색해보자. How to process POST data in Node.js.. 이전 1 ··· 7 8 9 10 11 12 13 ··· 15 다음
