728x90 반응형 Programming44 [Node.js_실습1] 웹에서 데이터를 입력받아 DB로 전송하기2 OS : Windows10 pro IDE : Visual Studio Code DB : MariaDB WEB에서 데이터를 입력받아서 DB로 전송해보자. 1 ) 회원가입의 경우 : DB로 데이터를 바로 넘겨주면 된다. 2 ) 로그인의 경우 : DB에 있는 데이터와 Matching 되는지 확인 후 완료되어야 한다. 여기에서는 로그인의 경우만 다룬다. 앞전에 다룬것과 같이 /login, /login_process 의 큰 틀은 같다. else if(pathname === '/login'){ var title = '로그인'; var description = "ID와 PW를 입력해주세요."; var html = ` 로그인 ID PW `; response.writeHead(200); response.end(html).. 2021. 2. 19. [Node.js_실습1] 웹에서 데이터를 입력받아 DB로 전송하기 OS : Windows10 pro IDE : Visual Studio Code DB : MariaDB WEB에서 데이터를 입력받아서 DB로 전송해보자. 1 ) 회원가입의 경우 : DB로 데이터를 바로 넘겨주면 된다. 2 ) 로그인의 경우 : DB에 있는 데이터와 Matching 되는지 확인 후 완료되어야 한다. 여기에서는 회원가입의 경우만 다룬다. 우선 홈 화면에서 join 창을 클릭하면 /join 으로 넘어가게 된다. 폼 안에 들어갈 내용을 html에 작성하고, response.end(html)로 출력해준다. 얘 없으면 안보여줌. else if(pathname === '/join'){ var title = '회원가입'; var description = "환영합니다! : )"; var html = ` 회.. 2021. 2. 18. [Node.js_실습1] Nodejs로 MariaDB에 데이터 전송 사전 작업 : MariaDB 에 TABLE 생성, mysql 설치 현재는 연결 + INSERT 만 가능 // 미리 npm install mysql 로 설치하기 var mysql = require('mysql'); // 정보를 담은 파일 const vals = require('./consts.js'); // 연결을 위한 정보 불러오기 var con = mysql.createConnection({ host: vals.DBHost, port:vals.DBPort, user: vals.DBUser, password: vals.DBPass, connectionLimit: 5, database: vals.DB }); // 연결되었는지 확인 con.connect(function(err){ if (err) throw .. 2021. 2. 17. [Node.js_생활코딩]동적인 웹페이지 만들기_Delete 삭제 버튼을 만들어보자. 이렇게 만들어지고 클릭하면 삭제 버튼을 클릭하면 1 ) 파일 삭제 2 ) 첫 화면으로 보내기 를 구현해보자. 완료화면 delete 버튼 누르기 전 delete 버튼 누른 후 var http = require('http'); var fs = require('fs'); var url = require('url'); var qs = require('querystring'); function templateHTML(title, list, body, control){ return ` WEB ${list} ${control} ${body} `; } function templateList(filelist){ var list = ''; var i = 0; while(i < filelist.le.. 2021. 2. 17. [Node.js_생활코딩]동적인 웹페이지 만들기_Update 1. 각 항목마다 create, update가 있어야 하므로 function 수정 function templateHTML(title, list, body, control){ return ` WEB ${list} ${control} ${body} `; } control 안에 create, update를 정해준다. 간략하게 보면 위와 같다. '/' 에서 templateHTML 에 맞게 `createupdate` 를 넣어준다. if(pathname === '/'){ if(queryData.id === undefined){ fs.readdir('./data', function(error, filelist){ var title = 'Welcome'; var description = 'Hello, Node.js';.. 2021. 2. 17. [Node.js_생활코딩]동적인 웹페이지 만들기_폼만들기, Create, Read 사용자에게서 정보를 입력 받는 폼을 만들자. create 버튼 생성 더보기 var http = require('http'); var fs = require('fs'); var url = require('url'); function templateHTML(title, list, body){ return ` WEB ${list} create ${body} `; } function templateList(filelist){ var list = ''; var i = 0; while(i < filelist.length){ list = list + `${filelist[i]}`; i = i + 1; } list = list+''; return list; } var app = http.createServer(func.. 2021. 2. 16. [Node.js_생활코딩]동적인 웹페이지 만들기_함수로 정리하기 여전히 비효율적인 코드가 남아있다. EX ) 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 = list + `${filelist[i]}`; i = i + 1; } list = list+''; return list; } var app = http.createServer(function(request,response){ .. 2021. 2. 16. [Node.js_생활코딩]동적인 웹페이지 만들기_글목록 출력하기 이때까지 하드코딩을 하고 있었다. EX ) 이렇게 되면 파일을 하나씩 추가할 때마다 또 새롭게 코드를 작성해야한다. 이를 효율적으로 하기위해서 데이터 폴더 안에있는 파일 개수만큼 반복하는 방법을 사용하자. data에 파일을 하나 추가하고 실행해보니 잘 작동한다! 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; i.. 2021. 2. 16. [Node.js_생활코딩]동적인 웹페이지 만들기_홈(첫화면)페이지 만들기 첫 화면에서는 다른 내용이 보이도록 하자. 조건문 구조는 아래와 같다. 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; console.log(pathname); if(pathname === '/'){ if(queryData.id === undefined){ // 없는 값을 호출하려고 할 때 fs.readFile(.. 2021. 2. 16. [Node.js_생활코딩] 동적인 웹페이지 만들기_파일 읽어서 본문 변경 데이터 폴더에 파일 하나씩 생성 모든 파일에 설명 글이 들어가있음. 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 title = queryData.id; if(_url == '/'){ title = 'Welcome'; } if(_url == '/favicon.ico'){ return response.writeHead(404); } response.writeHead(200); fs.rea.. 2021. 2. 16. 이전 1 2 3 4 5 다음 728x90 반응형
