Back-End/Node.js (103) 썸네일형 리스트형 Express - 5.1. 상세페이지구현 1 - Route Parameter 목표 홈페이지를 Express을 이용해 semantic url 방식으로 작성하기 -> url에 query string이 아닌 path방식을 통해 parameter가 전달되는 경우 처리하는 방법 알기 우리는 query string을 통해 우리가 가져오고 싶은 데이터를 웹 애플리케이션에게 전달한다. 즉, id값 전달을 통해 data 디렉토리에 있는 해당 파일을 읽어오는 것이다. 하지만 최근 query string이 포함된 주소를 아름답게 보지 않는 경향이 있다. 따라서 웹 트렌드 중 하나가 semantic url이다. (ex) localhost:3000/page/HTML 필요한 것 1. pathname = '/page' 지정 2. 콜백함수 실행될 때 '/HTML'를 가져오기 Express 페이지에서 가이드를.. Express - 4. 홈페이지 구현 홈페이지 구현하기 app.get('/', function(request, response){ fs.readdir('./data', function(err, filelist){ var title = 'Welcome'; var description = 'Hello, Node.js'; var list = template.list(filelist); var html = template.html(title, list, `create`, `${title}${description}` ); response.writeHead(200); //200: 파일을 성공적으로 전송하였음 response.end(html); }); }); 이전에 작성한 코드를 복사하여 홈페이지에 띄울 내용을 붙여넣기 한다. response.write.. Express - 3.2. Hello Word 2 전체 코드 const express = require('express') const app = express() const port = 3000 app.get('/', (req, res) => { res.send('Hello World!') }) app.listen(port, () => { console.log(`Example app listening at http://localhost:${port}`) }) 설명 const express = require('express') express 모듈을 가져와 express에 넣는다. express는 후에 바뀔 값이 아니므로 const, 즉 상수로 선언한다. const app = express() express의 return된 값을 상수 app에 담는다. ap.. Express - 3.1. Hello Word 1 Express 설치 규모있고 안전하게 프로젝트를 구현해야 한다면 프레임워크를 도입할 준비를 해야 한다. 현재 Nodejs가 Express가 가장 인기가 있으므로 이를 사용하자. Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs.com $ npm install express --save 를 입력하여 Express를 설치한다. 설치 후 node_modules 디렉토리에 express가 추가되면 설치 완료다. 사용 방법 설치에 관련된 문서 Express 설치 설치 Node.js가 이미 설치되었다고 가정한 상태에서, 애플리케이션을 보관할 디렉토리를 작성하고 그 디렉토리를 작업.. Express - 2.실습준비 준비물 - Nodejs에서 작성한 웹 애플리케이션 - 에디터 - pm2설치 : 파일이 수정될 때마다 자동으로 재실행시켜 소스코드의 변화를 반영함 실행하기 pm2 start main.js --watch --no-daemon 으로 웹 애플리케이션을 실행한다. 에러 만약 에러가 뜨면서 되지 않는다면 sanitize-html 모듈이 설치가 되어있지 않기 때문이다. npm install 입력하면 package.json의 dependencies에 sanitize-html 모듈이 추가가 되어 설치됨을 확인할 수 있다. Express - 1.Express란? 지난 강의 Node.js를 통해서, Node.js가 등장과 함께 웹 브라우저에 사용하던 기술인 JavaScript를 웹 서버에서도 사용할 수 있게 되었다는 사실을 알게 되었다. 하지만 인간의 욕심은 끝이 없는 법. 순수한 Node.js 기능만 가지고 직접 웹 애플리케이션을 구현하는 것은 다소 불편했다. 이를 해결하기 위해 Node.js를 위해 동작하는 Web Framework를 만들기 시작했다. 수동으로 처리하기 귀찮은 반복적으로 발생하는 일이 있다. 예로 들면 url parameter를 통해서 전달된 데이터를 받아 무언갈 처리하는 일이거나, 혹은 정적인 자바스크립트 파일이나 이미지 파일을 컴퓨터로부터 읽어 사용자에게 제공하는 일, 혹은 로그인 기능 구현, 여러 보안적인 이슈 해결 같은 일들 말이다. 이.. express 프로젝트 만들기 오류 npm install express-generator -g 를 입력해주면 해결 된다. 이제 잘 실행된다. 출처 ERROR- 'express'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. ( express 명령어 실행불가 오류 오류 메시지 c:\javanAndroid\study_nodejs>express helloworld 'express'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. .. codedragon.tistory.com Node.js.49.부록 - pm2 보충학습 pm2 start main.js --watch background로 실행되므로 pm2 log를 통해 실행 상황을 확인했다. pm2 list : 현재 실행되고 있는 프로세스들의 리스트 pm2 kill : pm2로 실행된 모든 프로세스들을 종료시킴 pm2 start main.js --watch --no-daemon daemon: background로 실행되는 프로세스. 즉, demon이 아닌 상태로 실행시킴 이로 실행하게 되면 pm2 실행과 동시에 log를 볼 수 있다. 이 상태에서 다음 정보를 create해보자. 그렇게 되면 log에 프로세스가 꺼졌다가 켜졌다는 것을 확인할 수 있다. 하지만 이렇게 만들면 안된다.. 나중에 session, passport에 대해 배우긴 하는데 우리가 원하지 않는 타이밍에 .. 이전 1 ··· 3 4 5 6 7 8 9 ··· 13 다음
