Node.js Express - POST Method 전송

이전에 노드에서 GET 방식으로 메소드를 전달했는데파라미터가 URL에 노출되지 않도록이번엔 폼에서 POST 방식으로 메소드를 전달해 볼게요. 결과 화면  파라미터가 URL에 노출되지 않습니다.index.ejs에 저는 post로 보내는 폼을 하나 더 추가해 줬습니다.  익스프레스 메인페이지 입니다. 메소드를 GET으로 보내기 값 1 : 값 2 : 메소드를 POST로 보내기 값 1 : 값 2 :  POST로 값을 전송할 땐 HTTP 패킷의 Request Body 영역의 값을 가져와야 합니다.그러기 위해선 Express의 내장 함수를 사용하거나외부 라이브러리 B..

• format_list_bulleted JavaScript/Node.js
• · 2025. 2. 18.
• textsms

Node.js Express - Bootstrap 사용하기 + 헤더 분리

이전 게시글에서 ejs를 사용했는데 view로 ejs를 사용하면서 bootstrap을 적용해 볼게요.npm install bootstrap 해당 명령어로 노드에 부트스트랩을 설치합니다.  package.json에 종속성이 알아서 추가됩니다.  js 파일에서 부트스트랩을 설정해 줍니다.// bootstrapapp.use('/js', express.static(__dirname + '/node_modules/bootstrap/dist/js')); // bootstrap JSapp.use('/css', express.static(__dirname + '/node_modules/bootstrap/dist/css')); // bootstrap CSS 페이지에 적용시켜줍니다.// header에 추가 // foote..

• format_list_bulleted JavaScript/Node.js
• · 2025. 2. 18.
• textsms

Node.js Express - GET Method 전송

이전 게시글에서 노드 부트스트랩을 사용하면서 임의의 값을 입력받는 입력 폼을 만들었어요. 전송하기 버튼을 누르면 값 1, 값 2에 있는 값이 result 페이지로 전송됩니다.  index.ejs  익스프레스 메인페이지 입니다. 메소드를 GET으로 보내기 값 1 : 값 2 :  폼으로 값을 넘겨줍니다. app.js // expressvar express = require('express');var app = express();// ejsapp.set('views', __dirname + '/views');app.set("view engine", "ejs");// bootstrapapp.use('/js', express.static..

• format_list_bulleted JavaScript/Node.js
• · 2025. 2. 18.
• textsms

Node.js Express - EJS Engine 사용하기

ejs 엔진을 통해 HTML 소스에 데이터를 전달해 봐요.먼저 노드에 ejs 모듈을 설치합니다.npm install ejs 설치가 완료되었으면 view를 만들어줍니다.저는 프로젝트 폴더 안에 views/index.ejs 파일로 만들어줬어요!  index.ejs 익스프레스 메인페이지 입니다. 전달받은 값 : © Express_test js 파일도 수정해 줍니다.// expressvar express = require('express');var app = express();// ejsapp.set('views', __dirname + '/views');app.set("view engine", "ejs");app.get('/', function (req, res) { res.render('index..

• format_list_bulleted JavaScript/Node.js
• · 2025. 2. 18.
• textsms

Node.js Express - Nodemon 사용하기

노드 서버를 개발할 때 자바 스크립트 파일을 수정할 때마다매번 서버를 끄고 다시 실행해 주고..너무 번거롭습니다.Node monitor(Nodemon)이라는 모듈은 파일을 모니터링하고 있다가 저장(ctrl+s) 하면 자동으로 서버를 재실행 시켜줍니다.상당히 편해요.npm install nodemon -g 커맨드 라인에서 명령어를 실행해야 되기 때문에 글로벌 옵션을 붙여줍니다.  설치 완료 기존엔 node app.js로 서버를 실행시켰지만 nodemon app.js nodemon으로 실행시켜줍니다.  이제 작업 창에서 파일을 수정할 경우, nodemon이 알아서 서버를 재실행 해줍니다.

• format_list_bulleted JavaScript/Node.js
• · 2025. 2. 18.
• textsms

Node.js Express - 설치하기

Node.js는 Javascript 런타임입니다.싱글스레드, 논 블로킹 모델이라 처리 성능이 좋습니다.그 말은 하나의 작업 자체가 많이 걸리는 웹 서비스에는 적합하지 않겠죠..NPM(node pakage manger) 을 이용해 필요한 라이브러리와 모듈을 끌어다 쓴다는 큰 장점이 있습니다.자세한 내용은 https://nodejs.org/ko/about/ 에서 확인하실 수 있습니다.https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 노드 공식 사이트입니다.원하는 버전을 다운로드하시면 됩니다.설치는 그리 어렵지 않아요..

• format_list_bulleted JavaScript/Node.js
• · 2025. 2. 17.
• textsms