Javascript/nodejs (7) 썸네일형 리스트형 [Node.js: Express: POST 방식을 이용한 정보의 전달] form / POST / GET과 POST의 용도 form과 GET views/form.jade form 태그의 method를 생략하면 기본적으로 GET방식이다. doctype html html head meta(charset='utf-8') body form(action='/form_receiver' method='get') p input(type='text' name='title') p textarea(name='description') p input(type='submit') app.js GET 방식은 query string을 통해 데이터를 받을 수 있다. app.get('/form', function(req, res){ res.render('form'); }); app.get('/form_receiver', function(req, res){ v.. [Node.js: Express: URL을 이용한 정보의 전달] query string / query 객체 / Semantic URL Query string ex) http://a.com/topic?id=1 도메인, Path[Router], Query string query 객체 // app.js // ... app.get('/topic', function(req, res){ res.send(req.query.id+', '+req.query.name); }); * http://expressjs.com/en/5x/api.html#req.query * http://127.0.0.1:3000/topic?id=0&name=jisun 로 접속해보자. // app.js // ... app.get('/topic', function(req, res){ var topics = [ 'Javascript is ...', 'Nodejs is ...', 'E.. [Node.js: Express Template Engine] 템플릿 엔진 사용법, Jade 문법 템플릿 엔진 사용법 http://expressjs.com/ko/guide/using-template-engines.html Express와 함께 템플리트 엔진 사용 Express와 함께 템플리트 엔진을 사용 Express가 템플리트를 렌더링하려면 다음과 같은 애플리케이션 설정이 필요합니다. views, 템플리트가 있는 디렉토리. 예: app.set('views', './views') view engine, 사용할 템플리트 엔진. 예: app.set('view engine', 'pug') 이후 그에 맞는 템플리트 엔진 npm 패키지를 다음과 같이 설치하십시오. $ npm install pug --save Express expressjs.com Jade 템플릿 엔진을 설치하자. > npm install ja.. [Node.js: Express] Express를 이용한 간단한 웹앱 만들기 / 정적 파일 서비스 방법 / 동적으로 웹페이지를 표현하는 방법 https://expressjs.com/ Express - Node.js web application framework Fast, unopinionated, minimalist web framework for Node.js $ npm install express --save expressjs.com > npm install express --save express@4.17.1가 설치되었다. Express를 이용한 간단한 웹앱 만들기 // app.js: main application or entry application const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => res.. [Node.js: 비동기(Asynchronous)] 비동기와 동기 처리 방식 비동기와 동기 처리 방식 fs.readFile() 비동기 vs fs.readFileSync() 동기 을 예로 들어보자. var fs = require('fs'); // Async console.log('1'); fs.readFile('data.txt', {encoding:'utf8'}, function(err, data){ console.log('2'); console.log(data); }); console.log('4'); // Sync 동기 console.log('5'); var data = fs.readFileSync('data.txt', {encoding:'utf8'}); console.log(data); 결과: 1 -> 4 -> 5 -> Hello -> 2 -> Hello [Node.js: 모듈(Module)] NPM / 모듈 설치 모듈(Module)은 간단히 부품이라 생각하면 된다. 대표적으로 HTTP 모듈이 있다. https://nodejs.org/dist/latest-v12.x/docs/api/ Index | Node.js v12.16.1 Documentation nodejs.org OS 모듈 사용 실습을 해보자. // module.js var o = require('os'); console.log(o.platform()); // win32 NPM(Node Package Manager) 타인의 모듈을 사용할 수 있는 방법 uglify-js 모듈을 독립적으로 설치해보자.(전역에서 쓸 수 있게) > npm install uglify-js -g uglify-js@3.8.0가 설치되었다. // pretty.js function hel.. [Node.js: 간단한 웹앱 만들기] 기본 실행 방법 Node.js를 이용해 웹애플리케이션 만들기 - Egoing Lee / 생활코딩 / nodejs v5.7.1 https://www.inflearn.com/course/nodejs-%EA%B0%95%EC%A2%8C-%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9 [nodejs 강좌] Node.js 를 이용해 웹애플리케이션 만들기 - 인프런 JavaScript와 Nodejs를 이용해서 웹에플리케이션을 만드는 방법을 알려드립니다. 웹브라우저에서 동작하는 자바스크립트를 이용해서 PHP나 JSP의 역할을 대체할 수 있습니다. 하나의 언어로 웹에플리케이션 전체를 구현할 수 있게 됩니다. 초급 중급 웹 개발 Node.js 온라인 강의 nodejs 강좌 www.inflearn.com 실습 환경 Win.. 이전 1 다음
