Server/Node.js36 폼에 입력한 데이터를 서버에 전송하는 법(POST) 해당 글은 이전 글들의 작업을 이어서 진행되고 있는 글입니다. 준비물: 우선 부스트스트랩으로 ToDoList 폼을 만들어보자. 글 작성페이지 오늘의 할일 날짜 Submit STEP01 - form 태그 셋팅 [write.html] 오늘의 할일 날짜 Submit action="/add" method="POST" : /add 경로로 POST를 요청함. 위의 세팅과 더불어 각각의 input 태그 내부에는 name을 작성해주어야 body-parser로 정확한 데이터를 뽑아내서 사용할 수 있다. STEP02 - body-parser 설치 [server.js] const express = require('express') const app = express() //body parser 라이브러리 설치 const b.. 2023. 8. 24. 서버에서 HTML 파일전송해보기 해당 글은 이전 글들의 작업을 이어서 진행되고 있는 글입니다. 1. 누군가 / 라는 경로로 방문을 하면 아래의 함수를 작동해라 app.get('/', function(request, response){ }); 2. index.html라는 파일을 전송해라 app.get('/', function(request, response){ response.sendFile(__dirname + '/index.html'); }); 이렇게 하고 http://localhost:8080 해당 url을 방문하면 미리 만들어진 html 파일을 보여준다. [응용] 안녕하세요 홈페이지입니다. 펫 뷰티 2023. 8. 22. control + c로 서버를 끄지 않고 실시간으로 서버에 적용하기 해당 글은 이전 글들의 작업을 이어서 진행되고 있는 글입니다. 이전 글을 보면 control + c로 서버를 껐다가 켜서 서버에 반영했다. 이번에는 라이브러리를 이용해서 서버를 껐다 켜서 반영시키지 않고 바로 반영해보자, 1. nodemon 설치 npm install -g nodemon // 위의 코드로 진행 시 오류가 발생하면 아래의 코드를 작성해보자. sudo npm install -g nodemon 2. nodemon 활성화 nodemon server.js 서버로 사용중인 js 파일을 nodemon 명령어 뒤에 작성해준다. 이렇게 하면 코드를 변경해도 새로고침만 하면 바로 변경된 코드가 적용된다. 2023. 8. 22. 내 서버에 GET 요청 처리하기 해당 글은 이전 글들의 작업을 이어서 진행되고 있는 글입니다. 1. 서버 열기 [server.js] const express = require('express'); //express 라이브러리를 첨부해주세요. const app = express(); //첨부한 라이브러리를 이용해서 객체를 만들어주세요. // 8080port에 서버를 연다. app.listen(8080, function(){ console.log('8080 포트에 입장하셨습니다.'); }); http://localhost:8080 2. get 요청하기 .get('경로', function(요청 내용, 응답할 방법){ //실행 코드 }) [server.js] // 누군가 /pet이라는 경로로 방문을 하면 pet관련 안내문을 띄워준다. app... 2023. 8. 21. Node.js 설치 + express 라이브러리 설치하기 1. Node.js 설치하기 https://nodejs.org/ko/download 해당 사이트로 접속해서 본인 운영체제에 맞는 설치파일을 다운로드한다. 설치를 확인하고 싶다면 본인의 터미널에 아래의 명령어를 작성하고 버전이 나타나는지 확인한다. 2. vscode로 express 다운로드하기 1) express를 다운로드할 폴더를 열고 새 터미널을 연다. 2) npm init을 작성해서 npm을 이용해서 라이브러리를 다운로드 할 환경을 세팅한다. (npm은 라이브러리 설치를 도와주는 도구이다.) 3) 그후 enter를 눌르면서 entry point가 나오는데 여기에 내가 원하는 파일명(server.js)을 작성해서 엔트리 포인트를 설정해준다. 4) npm install express를 입력해서 라이브러리.. 2023. 8. 18. Node.js 란? 웹 페이지를 만들 때 사용하는 HTML이라는 언어가 있고 함께 쓰는 언어인 JavaScript라는 언어도 있다. JavaScript는 HTML을 조작하고 클릭을 통해 이벤트를 발생시키도록 하는 언어이다. 그렇다면 이 JavaScript는 누가 구동시킬까? 바로 '브라우저'가 구동시킨다 브라우저 엔진(JavaScript) 크롬 V8 파이어폭스 Chakra IE SpiderMonkey 여러 브라우저 엔진들 중에서 크롬의 V8이 너무 잘 작동해서 구글에서 V8을 따로 출시하게 된다. 이게 바로 Node.js이다. 즉, Node.js란 JavaScript 실행창, 실행환경이다. (= 런타임) Node.js를 사용하면 브라우저가 아닌 로컬 PC에서도 자바스크립트를 실행시켜줄 수 있다. Node.js의 특징 - N.. 2023. 8. 17. 이전 1 2 다음
