Nodejs 썸네일형 리스트형 [NODEJS 입문]10. 세션을 이용한 로그인 정보 기억하기 & Logout 처리하기 세션을 이용하여 로그인 정보를 저장하자. https://www.npmjs.com/package/express-session 이동 1. express-session 설치 npm install --save express-session 2. 프로젝트에 모듈연결 var session = require('express-session'); 3. app.use session으로 사용 설정 app.use(session({ secret :'asdjha!@#@#$dd', resave:false, saveUninitialized:true })) !! 3군데를 고쳐야 함. 1. welcome 페이지 넘길때, session 값 넘겨주기 2. login시, session에 값 넣기 3. register 등록시, session에 .. 더보기 [NODEJS 입문]9.(사용자 CREATE) 사용자 등록하기 경로 1. register-get /router/user/register router.route('/user/register') .get((req,res)=>{ res.render(path.join('.','user','register')); }) 1-2. pug /views/user/register.pug h1 REGISTER form(action="/user/register", method="post") div input(type='text' name='username' placeholder='username') div input(type='password' name='password' placeholder='password') div input(type='text' name='displayname'.. 더보기 [NODEJS 입문]8.(사용자 READ) welcome 및 로그인 페이지 작성 welcome 페이지를 만들자 route 설정 - 기본경로 app > router > user ./router/user/login.js [ welcome 설정]var express = require('express');var router = express.Router();var path = require('path'); router.get('/user/welcome',(req,res)=>{ res.render(path.join('.','user','welcome'));}); ./app_user.js[root로 들어올 경우, /user/welcome으로 이동]app.get('/',(req,res)=>{ res.redirect('/user/welcome');}) welcome 페이지의 역할은 login 또는.. 더보기 [NODEJS 입문]6. 정적파일 경로 지정 이번에는 정적 파일을 지정하는 방법을 살펴 본다. app.js app.use(express.static('public')); 이렇게 설정한다면, 현재 프로젝트의 public 폴더 하단의 파일들을 검색한다. root.js router.get('/route',(req,res)=>{ res.send('Hello Router, ') }) 다음과 같이 /route.png 로 설정하게 된다면 static에서 public을 설정해두었기 때문에 ./public/route.png를 검색한다. /public이 webRoot로 설정된다는 의미임. 이렇게 하여 원하는 폴더명 하단에 html, img css 등의 파일들을 나눠 저장할 수 있다. 더보기 [NODEJS 입문]5. module.exports 와 path 모듈 router의 경우 다른 경로로 분리하여 보관하는 것을 권장함. 이번 프로젝트에서는 ./router/ 하단에 설정 할 예정.[분류별 세부 분류 필요함.] 1. 경로설정하기 경로를 설정하기 위해서는 path라는 모듈을 활용한다. var path =require('path'); 해당 모듈을 사용하면 현재 경로를 얻어올 수 있다 __dirname D:\nodejs\node_project\) 해당 경로를 기준으로, router 폴더의 root.js 파일로 접근하려면 다음과 같이 한다. var root = require(path.join(__dirname,'router','root')); //확장자 생략 가능 [확장자 생략시, 1. root.js > 2. root 폴더 하단의 index.js를 검색함. 해당 경로.. 더보기 [NODEJS 입문]4. app.js 생성 및 웹 APP 실행 'Hello Word!' ROOT : d:\nodejs\node_project 1. app.js 파일생성 - app.js console.log('HelloWorld!') 1-1 nodejs 실행 방법 d:\nodejs\node_project>node app.js HelloWorld! 다음과 같이 결과가 나오면 성공! 2 expressjs로 서버를 구축하자 var express = require('express'); var app = express(); 2-1. app.js 하단에 listen을 연결한다. app.listen(3000,(req,res)=>{ console.log('Connected, 3000 port!') }) 포트는 3000번, 연결되면 console.log를 찍는다. 2-2. Router 정의 app.get('.. 더보기 [NODEJS 입문]3. npm init & expressjs 모듈 설치 1. Code.exe 실행 2. 탐색기(Ctrl + Shift + E) 실행 3. 작업영역 추가 [D:\nodejs] 4. 프로젝트 폴더 추가[D:\nodejs\node_project] 4. 터미널(Ctrl+`) : cd d:\nodejs\node_project 경로이동 5. npm init 으로 해당 프로젝트를 npm 으로 만들어줌. d:\nodejs\node_project>npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help json` for definitive d.. 더보기 [NODEJS 입문]2. Visual Studio Code 설치 Visual Studio Code 설치[공식 홈페이지] code.visualstudio.com -> 다운로드 링크(win x64 다운 zip 파일) -> 구글드라이브(win x64 다운 zip 파일) 더보기 [NODEJS 입문]1. Nodejs 설치 1. nodejs(8.11.2 x64) 설치 [공식 홈페이지] nodejs.com : 다운로드 페이지 이동. -> 구글드라이브[win x64 다운) 2. 설치경로(권장) path : C:\nodejs 3. 시스템 환경 변수 편집 설치완료시, 자동으로 등록되어 있음. 4. nodejs 버전확인 윈도우 +R -> cmd -> node -v C:\Users\JIWOO>node -v v8.11.2 더보기 이전 1 2 3 다음