note

* 해당 글은 (주)길벗 `Node.js교과서` 내용을 바탕으로 복습 차 정리중입니다. 4.1 요청과 응답의 이해서버는 클라이언트가 있기에 동작합니다.클라이언트에서 서버로 요청(request)을 보내고, 서버에서는 요청의 내용을 읽고 처리한 뒤 클라이언트에게 응답(response)을 보냅니다.따라서, 서버에는 요청을 받는부분과 응답을 보내는 부분이 있어야합니다.server1.js12345678const http = require('http') http.createServer((req, res) => { res.write('Hello Node..') res.end('Hello Server..')}).listen(8080, () => { console.log('8080포트에서 서버 대기중...')})http..

API 개발 관련: API 디자인 - Azure의 모범 사례에 나와 있는 API 설계 관련 링크로 기타 개발, 자동 확장 등 API 개발 관련 기술 확인 필요http://restcookbook.com/https://mathieu.fenniak.net/the-api-checklist/ - API 개발 관련 고려 사항 망라Rest API Guide 정리 : REST API 이해와 설계 - #2 API 설계 가이드 참조HTTP 캐쉬 기능 활용 - Last-Modified 정보 활용 방안 검토Rest 답게 쓰기http method 의미대로 사용get : selectpost : createput : updatedelete : deletehttp response code 사용Rest API 보안:REST API의 ..

저장소 설계의 이해ItemList 의 대상 정보를 Vuex의 상태 관리를 활용한 경우프로젝트에 Vuex 추가npm install --save vuexsrc/main.jsimport Vue from 'vue'import Vuex from 'vuex'import App from './App'import ProgressBar from './components/ProgressBar'import storeConfig from './store/store-config' Vue.use(Vuex) // const store = new Vuex.Store(storeConfig) // Vue.config.productionTip = false // global progress barconst bar = new Vue(Pro..

* 해당 글은 (주)길벗 `Node.js교과서` 내용을 바탕으로 복습 차 정리중입니다. 3.5 노드 내장 모듈 사용하기노드는 웹브라우저의 자바스크립트보다 더 많은 기능을 제공합니다.운영체제정보나 클라이언트가 요청한 주소에대한 정보 등을 가져올 수 있습니다.노드에서 제공하는 기본모듈을 사용하면 됩니다.3.5.1 os웹브라우저에서는 운영체제의 정보를 가져올 수 없지만, 노드는 os모듈에 정보가 담겨있어서 가져올 수 있습니다.12345678910111213141516171819202122// os.jsconst os = require('os') console.log('운영체제 정보-------------')console.log('os.arch(): ', os.arch())console.log('os.platf..

* 해당 글은 (주)길벗 `Node.js교과서` 내용을 바탕으로 복습 차 정리중입니다. 3.1 REPL노드는 콘솔을 제공하는데..코드를 읽고(read), 해석하고(eval), 결과물을 반환하고(print), 종료할때까지 반복(loop)한다고해서 REPL 이라고 부릅니다.터미널을 열고 node를 입력하면 됩니다. (.exit나 컨트롤+C 두번을 눌러서 종료가 가능합니다.)REPL은 한두줄짜리 코드를 테스트 해보는 용도로는 좋지만 여러줄을 실행하기에는 불편합니다.긴코드는 자바스크립트 파일로 만든 후 파일 통째로 실행하는 것이 좋습니다. 3.2 JS파일 실행하기12345678function helloWorld() { console.log('hello world') helloNode();}function hel..

* 해당 글은 (주)길벗 `Node.js교과서` 내용을 바탕으로 복습 차 정리중입니다. 2.1 ES2015+2015년에는 자바스크립트 문법에 큰 변화가 있었습니다. 바로 ES2015(ES6)가 등장한 것이었습니다.2018년 현재 ES2018까지 나왔고, 보통 자바스크립트를 배울 때는 ES5의 문법을 배웁니다. (var 변수선언..등)노드는 ES2015+(ES2015 이상 문법을 의미)문법 기반으로 재편되고 있으므로 이 문법에 익숙해져야 합니다. 2.1.1 const, let보통 자바스크립트를 배울 때 var로 변수를 선언하는 방법부터 배웁니다.하지만 var은 이제 const와 let이 대체합니다. const와 let이 가지는 공통적인 특징인 블록스코프에 대해 알아봅시다.123456789if (true) ..

* 해당 글은 (주)길벗 `Node.js교과서` 내용을 바탕으로 복습 차 정리중입니다. 1.1 노드의 핵심 개념노드의 공식사이트 에서는 노드를 다음과 같이 설명하고 있습니다.Node.js란Node.js는 크롬 V8자바스크립트 엔진으로 빌드 된 자바스크립트 런타임입니다..이벤트기반, 논블로킹 I/O모델을 사용해 가볍고 효율적입니다.Node.js의 패키지 생태계인 npm은 세계에서 가장 큰 오픈소스 라이브러리 생태계 이기도 합니다. 1.1.1 서버노드는 서버로만 사용되는것은 아니지만 서버 애플리케이션을 실행 하는데 제일 많이 사용됩니다.서버는 클라이언트의 요청에 대해 응답을 합니다.응답으로 YES를 할 수도 NO를 할 수도 있습니다.노드는 자바스크립트 애플리케이션이 서버로서 기능하기위한 도구를 제공하므로, ..

윈도우10에서 98이하 클래식 테마를 적용하기. 배경은 구글에 검색 시 많이 나온다. 95, 98은 질려서 이번엔 me로 적용해보았다. * 배경 다운 http://getwallpapers.com/collection/windows-me-wallpaper https://mega.nz/#!A9MUBACa!M40WmlL6RL8FyfOMwlEl2Do7Nwgu8lCV-lbsqxVps7Y * 테마 다운 https://www.deviantart.com/kizo2703/art/Windows-classic-theme-for-Windows-8-RTM-8-1-10-325642288 일단, 테마를 다운받아서 C:\Windows\Resources\Theme경로에 폴더째로 넣는다. 그후, 폴더에 들어가서 테마파일 실행, 적용하면 ..

javascript상황: 모바일에서 사이드 네비게이션이 열린 상태에서 스크롤시 body는 스크롤 되지 않게 하고싶다Solution A: CSS123456html,body { overflow: hidden; position: relative; height: 100%;}PC에선 문제 없이 작동한다. 하지만 iOS 사파리랑 크롬에서는 무용지물.Solution B: CSS – fix12345body { position: fixed; width: 100%; height: 100%;}PC, 모바일 모두 되긴 하는데 Side nav를 닫은 후에는 position이 꼬임 -> DOM 클릭해도 이벤트가 활성화 안된다.Solution C: jQuery1234사이드 네비게이션여기에 body의 내용 넣는다12345678910..

주로 헤더로 많이 쓰이는 fixed 엘리먼트는 아예상단에 위치가 고정되기때문에 윈도우 창을 작게 했을경우, 가로로 스크롤을 해보면 콘텐츠와 함께 스크롤이되지않는다. 그래서 window에 스크롤 이벤트를 걸어서 css를 스크립트로 처리해주어야한다. // gnb fixed horizontal scroll issue $(window).scroll(function(){ $('.fixed-top').css('left', 0-$(this).scrollLeft()); });