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 발표 이후 해마다 표준 명세가 발표됐고, 브라우저는 표준 명세를 빠르게(명세가 ..
링크 : https://news.naver.com/main/read.nhn?mode=LSD&mid=sec&sid1=105&oid=092&aid=0002152037 "브라우저 웹표준 호환성 강화 위한 선택" (지디넷코리아=김우용 기자)마이크로소프트(MS)가 엣지 브라우저의 핵심을 오픈소스 크로미엄 기반으로 재개발하는 것을 공식화했다. 6일(현지시간) 미국 지디넷에 따르면, MS는 엣지 브라우저의 크로미엄 버전을 개발한다고 발표했다. 엣지 브라우저는 윈도10의 새 기본 웹브라우저로 개발됐다. 이전의 윈도 기본 브라우저였던 인터넷 익스플로러(IE)를 대체하려는 목적이었다. 엣지는 빠른 속도와 낮은 전력소비량, 높은 웹표준 호환성 등을 장점으로 내세웠다. MS는 엣지 브라우저의 렌더링 엔진으로 엣지HTML을 사..