리고니

Node.js 를 사용하여 DB와 연결한 CRUD 간단한 게시판을 구현해보기로 하였습니다. 코드 분석 및 정리를 통해 작성예정입니다 !

노드로 API 서버를 운영하기 위해 npm install 하던중 에러가 발생했다. 해결법 npm i @babel/node -g 설치만 해주자 !!

req.body body로 전달된 데이터에 접근 ( Spring에서 jquery , ajax 로 넘어오는 방식 ) postman 등의 앱을 이용해 body를 전송해본다. /info/update {"title" : "abc" } req.params 주소의 일부분으로 전달되는 값을 얻을 수 있다. 주소 중 변수로 사용하고 싶은 주소는 :로 지정한다. ( : 는 여러개 올 수 있다. ) req.query Query String( 주소 또는 Form ) 으로 전달되는 데이터를 얻을 수 있다. /user?userId=123

웹 애플리케이션의 진입점( end point, URls ), 클라이언트의 Request에 응답하는 것. Router를 분리해서 이 객체가 get post 처리하고 app이 처리하는 방식 app.METHOD(PATH, HANDLER) 가 기본 형태 app : express의 객체 METHOD : http request method. ( 소문자로 적는다 ) app.get post put delete PATH : server에서의 경로 HANDLER : 실제 동작 코드 함수 ( req, res 작성 ) PATH 고정된 주소 app.get('/', (req, res)=>{ }); app.get('/info', (req, res)=>{ }); 패턴 주소 ? ( 0 또는 1개 ) -> 'ab?cd' : acd, a..

프로젝트 루트 pacakage.json - 프로젝트 설정 파일 ( 실행 및 버전 정보 ) package-lock.json - 실제 설치된 라이브러리들의 추가 정보 app.js - express 설정 파일. 각종 폴더 및 Router에 대한 설정 bin/www - Node.js의 http.createServer가 실제 실행되는 곳. 프로젝트의 시작 파일 public - static resources. ( 그림, js, css ) routes - router들을 추가하는 곳. MVC 의 Controller 들이 위치하는 곳 views - view template , Spring 에서의 templates 폴더 역할 파일 및 폴더의 추가, 삭제, 이름 변경 등은 자유롭다. 다만, 해당 정보를 package.js..

NPM ( Node Package Manager ) 서버에 등록된 패키지를 다운받아 프로젝트 전용 또는 전역으로 설치해준다. 이후 설치한 라이브러리를 사용하거나 실행한다. npm은 npx를 실행하기 위한 도구이다. 패키지를 관리하지만 실행할 수는 없다. NPX ( Node Package Runner ) 일회용으로 서버에 등록된 패키지를 받아 실행한다. 실행 후 해당 패키지는 사라진다.

프로젝트의 뼈대를 잡아주는 작업 ( 폴더 및 파일 구조 , 필수 라이브러리 추가 등 ) 가장 기본적인 라이브러리만 포함되므로 초보가 사용하기에 좋다. 기본적인 MVC 구조를 구현하기에 편리한 뼈대를 만들어준다. npm 을 이용해 express-generator 설치한 뒤 새 프로젝트를 만들 수도 있고 npx를 이용해 만들 수도 있다. npm 이용시 명령어를 입력한 폴더의 하위폴더로 프로젝트가 생성된다. express-generator는 한 번만 설치하면 되고 이후는 express 명령어만 이용해 프로젝트를 만들 수 있다. npm install -g express-generator express --view=pug 프로젝트명 npx 이용시 일단 프로젝트 폴더를 먼저 만들고 그 안에서 명령어를 실행한다 np..

지난 시간에는 라우팅 기능을 app.js 파일 하나에서 처리했지만 이번에는 Router를 분리하여 url 별로 나누어 처리해본다. routes 폴더를 추가하고 그 안에 index.js 와 hello.js 파일을 추가한다. routes/hello.js const express=require('express'); const router = express.Router(); router.get('/', (req, res)=>{ res.send('Hello with router'); }); module.exports = router; routes/index.js const express=require('express'); const router = express.Router(); router.get('/', (r..

작성글에서는 라우팅 기능을 app.js 파일 하나에서 처리하는 방식입니다. 폴더 하나를 생성한다. 터미널에서 해당 폴더경로로 이동후 npm init 을 수행한다. package.json이 생긴것을 확인하고 해당 폴더에 index.js , app.js 파일을 생성한다. 터미널에서 npm install express 를 설치하고 아래와 같은 정보가 추가되었는지 확인한다. app.js module.exports=router; const express = require('express'); const app = express(); app.get('/', (req, res)=>{ res.send('Home with express'); }); app.get('/hello', (req, res)=>{ res.send..

Node.js 서버를 통하여 HTTP/ HTTPS Server 기능을 사용하기 위해서는 필수 라이브러리이다. https://expresjs.com 크게 5가지로 나눌 수 있다. 라우팅(Routing) - 주소 및 Method 에 따른 처리 ( url + 메소드 ( get post put delete ) ) Middleware - Router로 전달 되기 전의 Request 처리 ( 보안 ( 주소에 따라 처리 ) ) Static resource 들을 제공하는 폴더 지정 ( 정적파일 ) View Template Engine 을 이용한 Rendering ( 웹에서는 고정된 html을 잘 안씀 ( 사용자마다 이력이 다 다르기 때문 Database 연결 기본 원리