본문 바로가기

반응형

전체 글

express 관련 정리(Application, Request, Response, Routing) 익스프레스는 크게 네 가지 부분으로 이해하면 됩니다. Application, Request, Response, Routing 1. Application불러온 익스프레스 객체에는 하나의 함수가 할당되는데 그 함수를 실행하면 익스프레스 객체가 생성됩니다. 익스프레스 클래스를 이용해 익스프레스 객체를 만든다고 생각하면 되는데, 이것을 익스프레스 어플리케이션(Application)이라고 하는데 우리 코드에서는 app 상수에 할당했습니다. 1) use()함수를 통한 미들웨어 추가익스프레스에서 서버의 기능들이 미들웨어 형태로 존재합니다. 익스프레스 인스턴스의 use() 함수로 미들웨어들을 추가할 수 있습니다. 예를 들어, 서버에서 정적파일 (static file)을 호스팅 할 때에는 다음과 같이 정적 파일설정을 위.. 더보기
추가적인 자바스크립트공부 이전의 웹 프론트엔드 개발시에 자바스크립트를 사용하였는데, 그 때와는 다른 신텍스 몇가지를 발견하게 되어서 정리하게 되었습니다.바로 const 와 () ==> 코드가 제가 처음 발견하게 된 것인데,. 이것은 자바스크립트의 새로운 표준인 ECMAScript 2015(ES6) 문법입니다. 1. const지금까지의 자바스크립트(ES5)에서는 변수를 선언하기 위해 var 키워드를 사용했습니다. 이것은 함수 스코프 적용을 받는 변수를 뜻하는데요, 함수 스코프란 쉽게말하자면 함수 안에서 선언된 변수를 함수 전체에서 사용할 수 있다는 뜻입니다. 다시말하자면 함수 안에서 사용된 변수를 기본적으로 자바스크립트 엔진에 의해서 함수 초기에 변수 호스팅을 한 후에 각 위치에서 사용되는 것이죠! 반면에 let 과 const 는.. 더보기
Node.js 공부 8 - express-session express-session 은 Express 프레임워크에서 세션을 관리하기 위해 필요한 미들웨어 입니다.이번 강좌에서는 express-session을 통해 로그인 및 로그아웃을 구현해보도록 하겠습니다. 1. 사용예제Express에 적용 var session = require('express-session'); app.use(session({secret: '@#@$MYSIGN#@$#$',resave: false,saveUninitialized:true})); - secret: 쿠키를 임의로 변조하는 것을 방지하기 위한 값. 이 값을 통하여 세션을 암호화하여 저장합니다.- resave: 세션을 언제나 저장할지(변경되지 않아도) 정하는 값입니다. 이 값을 false로 설정하는 것을 권장하고 필요에 따라 tr.. 더보기
Node.js 공부 7 - RESTful API REST 는 Representational State Transfer의 약자로서, www와 같은 하이퍼 미디어 시스템을 위한 소프트웨어 아키텍처 중 하나의 형식입니다. REST 서버는 클라이언트가 HTTP 프로토콜을 사용해 서버의 정보에 접근 및 변경을 가능케 하는데, 정보는 text, xml, json 등 형식으로 제공됩니다. 1. HTTP 메소드1. GET - 조회2. PUT - 생성 및 업데이트3. DELETE - 제거4. POST - 생성* POST 와 PUT의 차이점: POST 는 클라이언트가 리소스의 위치를 지정하지 않았을 때, 리소스를 생성하기 위해 사용하는 연산이다. 따라서 POST연산을 수행하게 되면 계속해서 다른 곳에 리소스가 생성되는 것이다. 반면, PUT 은 리소스의 위치가 명확히 .. 더보기
Node.js 공부 6 - EJS 공부 참고 URL: https://velopert.com/379 이번 공부에서는, data/user.json 추가와 views/ 내부 파일 변경이 이루어졌습니다 :) 1. 의존 모듈 추가 저번 Node.js 공부 5에서는 페이지 라우팅에 대해서 공부했었는데, 이번 페이지에서는 EJS엔진과 RESTful API, 그리고, 세션을 다룰 것이므로 추가적으로 필요한 의존 모듈들을 넣어주었습니다. - body-parser: POST 데이터 처리- express-session: 세션 관리 $ npm install body-parser $ npm install express-session 위의 두가지 명령어를 터미널에서 입력하셔도 되고, package.json에서 직접 입력한 후, $ npm install을 입력하셔.. 더보기
Node.js 공부 5 - express Node.js로 웹서버의 필요기능을 하나하나 구현하기에는 무리가 있다. 라우팅, 세션관리 등등 이것저것 할 일이 많은 게 사실이다. 따라서, NodeJS의 웹프레임워크를 사용하면 간편하게 웹서버를 구축할 수 있다. 대표적으로는 Express, Koa, Hapi등이 있는데, express에 대하여 공부하고자 한다. 1. package.json 파일 생성npm 페이지에서 말했던 것과 같이, 프로젝트의 이름, 버전, 의존패키지 리스트 등 정보들에 대한 정보를 담고있는 파일이다. 1.1 npm으로 Dependency(의존 패키지) 설치$ npm install 2. Express 서버 생성$ npm install express var express = require('express');var app = expre.. 더보기
node.js 공부 4- Callback function 1. Callback Function 이란?JavaScript에서는 함수(function)은 Object 타입이다. (String, Array, Number등등..) function 자체가 객체이므로 변수안에 담을수도 있고, 인수로써 다른 함수에 전달 해 줄 수 도 있고, 함수에서 만들어질 수도 있고, 반환될 수도 있다. Callback function은, 특정 함수에 매개변수로서 전달된 함수를 지칭합니다. 그리고, Callback function은 그 함수를 전달받은 함수 안에서 호출되게 한다. jQuery에서 사용된 callback function 예제를 살펴보자.$ ("#btn_1").click(function() {alert("Btn 1 Clicked");}); 위의 소스코드는, click 메소드.. 더보기
Node.js 공부 3 - npm Node Package Manager(NPM)은 두 가지의 주요 기능을 지니고 있다. - NPMSearch에서 탐색 가능한 Node.js 패키지/모듈 저장소- Node.js 패키지 설치 및 버전 / 호환성 관리를 할 수 있는 커맨드라인 유틸리티 npm 버전 확인 $ npm --version 1. NPM을 사용하여 모듈 설치하기Node.js의 웹 프레임워크 중 하나인 express 설치 $ npm install express 설치 이후, 이 모듈을 사용하기 위해서는 var express = require('express'); 다음과 같이 사용할 수 있다. 2. global vs. local기본적으로는, npm은 모듈을 로컬모드에 설치한다. 로컬모드란, 패키지를 명령어를 실행한 디렉토리 안에 있는 node_.. 더보기

반응형