본문 바로가기

전체 글

 (120)
[생활코딩-Nodejs-19] 객체와 모듈 활용 1. 객체활용 이전 Javascript 문법부분에서 '객체'라는 것을 배웠습니다. 특징만 다시 짚어보자면, 객체는 {key : value, key : value} 형태로 생겼고, 객체는 배열과 같이 정보를 정리정돈하는 수납상자와 같은 역할을 하며, 자바스크립트에서는 객체에 함수가 포함될 수 있다는 점이 있었습니다. 이런 객체를 이용해서, 저는 지금부터 아래 사진 템플릿부분을 객체화 시켜보는 작업을 하겠습니다. 이걸 객체로 만들려면 어떻게 해야할까요? 위 사진처럼, template라는 객체를 선언하고 HTML 이라는 key 값에 value값으로 이전의 templateHTML 함수의 값을 그대로 넣어줬습니다. 그리고, list라는 key값에 value값으로 이전의 templatelist라는 함수의 값을 그대..
[생활코딩-Nodejs-18] '사용자 게시판 - 삭제기능' 만들기 이제 우리는 정보를 다루는 기본인, Create Read Update Delete 기능중에 Create, Read, Update를 할 수 있게 됐습니다. 마지막으로 살펴볼 부분은 Delete 삭제부분을 구현하는 방법에 대해 살펴보겠습니다. 여기도 마찬가지로 우선 UI를 만들어야겠죠? 1. User Interface구현 어떻게하면될까요? template로 가서 update버튼 옆에 그냥 추가해주면 되겠죠? 그럼.. 안되요. 왜냐하면, 우린 지금 정보를 어떤 이유에서든 없애고자 하는 것이란말이에요? 그런데 Querystring이 존재하는 방식으로 Delete를 구현하게 되면 이 정보가 노출될 수 있고, 크래커의 위협이 존재하게됩니다. 따라서 우리는 이를 form태그를 이용해 POST방식으로 구현할 것입니다...
[생활코딩-Nodejs-17] '사용자 게시판 - 수정기능' 만들기 저번시간에는 사용자가 글을 입력하고, 저장하는 것 즉, '생성'과 '읽기' 까지 해보았습니다. 그럼 다음은 그 글을 수정할 수 있어야겠죠? 이제 수정기능을 추가해보도록 하겠습니다. 1. User Interface 만들기 우선 UI를 만들어야 하기 때문에 templateHTML부분을 수정해주겠습니다. 편의상의 이유로 control이라는 매개변수를 하나 추가해 그곳에 본래의 코드를 담아주었습니다. 이렇게 하구요. 이 페이지의 홈페이지에서는 굳이 수정버튼이 필요없겠쬬? 글 페이지에서만 수정버튼이 필요하기에 아래로 내려가서.. Query.ID값이 있을때 작동하는 곳에가서 작업해보겠습니다. 여기서 이렇게요. Create버튼을 생성하는것과 똑같이 생성했으나, 사용자가 페이지를 수정할 때, 어떤페이지를 수정하는지 지..
[생활코딩-Nodejs-16] '사용자 게시판 - 글쓰기기능' 만들기 오늘부터는 지난번에 HTML-FORM편에서 언급했던, 파일의 생성,수정,삭제를 사용자가 할 수 있게 하는 것을 해보도록 하겠습니다. 우선 수정전의 지금까지 했던 main.js파일입니다. var http = require('http'); var fs = require('fs'); var url = require('url'); // URL 모듈 //template 내용 HTML 뼈대를 함수로 만들기. function templateHTML(title, list, body){ return ` WEB ${list} ${body} `; } //리스트를 자동으로 만들어주는 코드를 함수로 만들기. function templateList(filelist){ var list = ''; var i = 0; while(i ..

티스토리툴바