WEB

1. 패스모듈 사용 - npm 모듈 설치npm install passport --save npm install passport-local --save npm install connect-flash --save - passport 모듈에는 initialize() 함수와 session() 함수가 있으며, 이 두개의 함수를 호출했을 때 반환되는 객체를 미들웨어로 사용할 수 있도록 설정 //===== Passport 사용 설정 =====// // Passport의 세션을 사용할 때는 그 전에 Express의 세션을 사용하는 코드가 있어야 함 app.use(passport.initialize()); app.use(passport.session()); app.use(flash()); - 사용자 로그인과 회원가입 처..

1. pug 뷰 템플릿 사용 - pug 포맷은 웹 문서의 태그를 그대로 사용하지 않고 최대한 간단한 형태로 입력하기 때문에 공백과 들여쓰기를 기준으로 태그의 구조가 결정 - pug의 옛이름은 jade - https://pugjs.org/api/getting-started.html ※ 주의사항 1) 들여쓰기를 잘못하면 pug가 제대로 처리되지 않음 2) 공백과 Tab을 같이 사용하면 오류가 발생 - pug 전역 설치 npm install -g pug - 뷰엔진 설정 app.set('view engine', 'pug'); - test1_success.pug doctype html html head title "성공" body block content #container p "조회에 성공했습니다." - 결과 ..

1. Semantic UI 라이브러리 사용해보기 설치 npm install semantic-ui --save 설치되면 node_modules > semantic-ui > ui 폴더안에 아래와 같이 자바스크립트와 CSS가 있습니다. min이 붙은것은 텍스트가 압축하여 크기가 작은거로써 배포시 유용하지만 개발중에는 참고하기 힘듬으로 min이 없는것을 2개(semantic.ja, semantic.css)을 복사해서 사용하면됩니다. 사이에 추가하면됩니다. Jquery는 아래사이트를 보고 원하는 버전을 추가하면된다. https://code.jquery.com/ umcompression : 기본 코드 minified : 공백 등을 제거하여 용량을 간소화 시킨 코드 slim : ajax를 제거한 기본 코드 slim ..

1. 모듈화실습 A. require 이해하기 // exports 객체 속성으로 함수 추가exports.getUser = function() {return {id:'test01', name:'소녀시대'};} // exports 객체 속성으로 객체 추가exports.group = {id:'group01', name:'친구'}; // require() 메소드는 exports 객체를 리턴함var user = require('./user1'); function showUser() {return user.getUser().name + ', ' + user.group.name;} console.log('사용자 정보 : %s', showUser()); // user1.js의 코드는 exports에 객체를 할당하는 것과..

링크 : https://d2.naver.com/helloworld/7495331 "2016년과 이후 JavaScript의 동향"과 "2017년과 이후 JavaScript의 동향 - JavaScript(ECMAScript)"에서 JavaScript의 현재를 살펴보고 미래를 예측해 봤습니다. "2017년과 이후 JavaScript의 동향 - JavaScript(ECMAScript)"가 게시된 이후 2017년은 2016년에 비해 상대적으로 조용한 해였다고 할 수 있습니다. 그렇다고 해서 실제로 조용한 것은 아니었고 계속해서 JavaScript가 발전하고 성숙해지는 모습을 보여 주었다고 할 수 있습니다. ECMAScript 2015 발표 이후 해마다 표준 명세가 발표됐고, 브라우저는 표준 명세를 빠르게(명세가 ..