반응형
졸업작품_preparing..../node_js2019. 2. 3. 19:12Express-POST 방식을 이용한 정보의 전달

Express-POST 방식을 이용한 정보의 전달 Node 에서 정보를 전송할 때 , 어떤 방식으로 보내는지 알아 보겠다. 크게 Post와 get 방식이 있다. 코드를 보면서 바로 확인해 본다 . Form.jade doctype htmlhtml head meta(charset='utf-8') body form(action='/form_receiver' method='post') p input(type='text' name='title') p textarea(name='description') p input(type='submit') 간단하게 , form.jade라는 파일을 만들어 준다. 어떠한 정보를 전송할 때는 form이 사용되며 , 데이터가 존재하는 집(home)이라고 생각하면 쉽다. 이 form은 ..

Express-쿼리스트링 & Semantic url
졸업작품_preparing..../node_js2019. 2. 2. 19:45Express-쿼리스트링 & Semantic url

사이트를 이용할 때 , url을 입력해서 들어가는 경우가 있다 . 예를 들면 다음과 같다 . www.tistory.com?id=1www.tistory.com?id=2www.tistory.com?id=3 위 주소에서 ?id=x 와 같은 것을 쿼리 스트링이라고 한다 . 코드를 통해서 간단하게 알아보자 . app.get('/topics?:id',function(req,res){ var topics = [ 'inwoo', 'inwoo1', 'inwoo2' ]; var output = ` inwoo inwoo1 inwoo2 ${topics[req.query.id]} ` res.send(output);})위 코드를 보면 , get으로써 /topics 의 Router 을 통해 ?:id 을 함으로써 , 사용자의 id ..

Express- jade 설치 및 간단한 문법 사용법
졸업작품_preparing..../node_js2019. 2. 2. 18:29Express- jade 설치 및 간단한 문법 사용법

Express의 jade를 사용해 볼 것인데 , 설치는 다음 사이트를 참고하면 좋다 . https://www.npmjs.com/package/jade 문법 사용법은 다음 사이트를 참고 하면 좋다 . http://jade-lang.com/ 코드를 보면서 확인해 보자 . 환경 설정은 다음과 같다 . // template engine use & loading// 환경 설정app.set('view engine','jade');app.set('views', './views');// supervisor : 작성자가 파일을 수정할 떄 , 알아서 재시작을 해줌 . app.set('views', './views'); --> 여기를 보게 되면 , views라는 것이 있는데 , 이 views는 프로젝트내에 따로 폴더를 만들..

Express-웹 페이지를 표현하는 방법 ( 정적 / 동적 )
졸업작품_preparing..../node_js2019. 2. 2. 16:45Express-웹 페이지를 표현하는 방법 ( 정적 / 동적 )

코드를 통해서 웹페이지에서 동적과 정적이 어떻게 다른지 보겠다 . app.js // 메인 애플리케이션var express = require('express')// express 모듈 다루는 변수var app = express();app.use(express.static('public')); 밑에는 dynamic일 경우의 예이다 . lis 는 coding이라는 문자열을 반복해 주기 위한 변수이다 . output은 html 코드가 들어가는 변수이다 .이 부분이 색달랐다 . 그리고 , ${} 표시로 임의이 변수를 가져다가 쓸 수 있었다 . 이렇게 함으로써 , 출력되는 부분을 내가 원하는 대로 손볼수 있을 수 있었다 . 이 부분이 매리트이다. app.get('/dynamic', function(req,res){..

Express-정적인파일(png파일)서비스하는 법
졸업작품_preparing..../node_js2019. 2. 2. 16:15Express-정적인파일(png파일)서비스하는 법

코드를 보면서 확인해 보겠다 . app.js 똑같이 , express를 로딩시킨다 . // 메인 애플리케이션var express = require('express')// express 모듈 다루는 변수var app = express(); use를 사용해서 express의 static으로 public 폴더를 지정시킨다 . app.use(express.static('public'));// public을 정적인 파일로 지정하겠다. 그리고 get을 사용해서 image를 치고 들어올 시 , send로 public 파일에 저장시켜 놓은 , image.png 파일을 보여준다 . app.get('/image', function(req,res){ res.send('Hello image file, ')}) app.list..

졸업작품_preparing..../node_js2019. 2. 1. 16:34연결성 ( Connectivity )

Javascript Vs Node.js 연결 측면에서 , Node.js : FS , HTTP , OS 이것이 가능한 이유는 , 기초적인 명령을 하고 , Javascript에서 이 명령들을 조합해서 의미를 만든다 . Module Vs NPM Module : 부품 , 작은 프로그램들 Ex ) Express , Underscore , Jade 이것들을 NPM에 담아서 다양한 웹 애플리케이션을 만들 수 있다. Router Vs Controller Router : 사용자의 요청을 어떤 컨트롤러에 전달해 줄 것인지 ( 연결자 역할 ) Controller : 회원가입 , 홈페이지 , 에러화면 Javascript , NPM , Router // 웹 애플리케이션에 꼭 필요한 것들

반응형
image