TILNode.js

2017-09-06

Node-SPA(Single Page Application)

Node Single-page ApplicationSPA의 구조 ejs를 사용하여서 웹개발을 하게되면 전체를 다시 새로고침을 해야한다. SPA 구조를 사용하면 Ajax를 통하여 부분만 고쳐준다. SPA 실습Link data 부분을 node.js module로 빼뒀다. npm으로 설치한 module은 경로지정이 없어도 불러와 지지만 직접만든 modul

TILNode.js

2017-09-05

Node-Ajax

Node AjaxAjax비동기적인 웹 어플리케이션의 제작을 위한 클라리언트 측 웹 개발 기법요즈음은 의미가 변형되어 웹 브라우저에서 XMLHttpRequest 혹은 fetch를 이용해서 보내는 HTTP 요청을 통칭하기도 함 Ajax Model Ajax의 장점 화면 전체를 다시 로드하지 않고도 내용을 갱신할 수 있어 더 나은 사용자 경험 제공 서버의 응

TILNode.js

2017-09-05

Node-CORS

Node CORS보내는쪽과 받는쪽의 Domain이 다를때 발생하는 문제 Some-origin Plicy(동일 출처 정책) 웹페이지에서 리소스를 불러올 때, 리소스의 출처가 웹페이지의 출처와 같으면 안전하다고 보고, 출처가 다르면 해당 리소스는 안전하지 않다고 보는 원칙 여기서 '출처'란 '프로토콜 + 도메인 + 포트번호'의 결

TILNode.js

2017-09-05

Node-fetchApi

Node Fetch APIFetch API 웹 브라우저의 XMLHttpRequest를 대체하기 위해 만들어진 새로운 HTTP client 표준 비교적 최근에 도입되어 IE 및 구형 안드로이드 브라우저(4.x)는 지원하지 않음 Fetch Polyfill 최신기술로써 지원하지 않는 브라우저가 많지만 Fetch Polyfill을 사용하면 사용가능하다

TILNode.js

2017-09-05

Node-jwt

Node JWT쿠키의 단점 쿠키를 지원하는 클라이언트에서 밖에 사용할 수 없음 적절히 관리되지 않은 쿠키는 보안에 취약하며, 관리를 하려고 해도 CORS 대응이 복잡함 Token Based Auth 토큰이란, 사용자의 자격증명(아이디, 패스워드 등)을 통해 인증이 이루어진 후, 특정 자원에 대한 자격증명으로서 대신 사용되는 인증 수단 서버에 요청을 할

TILGit

2017-09-04

Git Manage

Git 으로 배포하기 Repository를 새로 만든다. Portfolio를 만드는데 안에 플젝(a, b)을 넣을때는 index.html이 존재해야하며 상대경로로 이루어져야한다. terminal로 이동하여서 portfolio로 이동 후 git init, add, commit을 순차적으로 한다. Git remote add origin

TILNode.js

2017-09-04

Node-Express-Middleware

Node Express MiddlewareMiddleware?1234567// 미들웨어 = 함수function helloMiddleware(res, req, next) { console.log('hello') next()}app.use(helloMiddleware) 요청이 발생할 때 마다 console.log(‘h

TILNode.js

2017-09-04

Node-Cookie

Node Cookie쿠키의 필요성 개별 클라이언트의 여러 요청에 걸친 정보의 유지 장바구니 로그인/로그아웃 방문 기록 HTTP Cookie 서버가 응답을 통해 웹 브라우저에 저장하는 이름+값 형태의 정보 웹 브라우저는 쿠키를 저장하기 위한 저장소를 가지고 있음 저장소는 자료의 유효기간과 접근 권한에 대한 다양한 옵션을 제공 쿠키 전송 절차 서버는

TILNode.js

2017-09-04

Node-Session

Node SessionSession사전적 의미 (특정한 활동을 위한) 시간 (의회 등의)회기; (법정의) 개정 (기간) 실질적 의미시작 조건과 종료조건이 있는 시간, 또는 회기정보 교환이 지속되는 시간, 또는 회기 세션의 예 HTTP session요청 - 응답 클라이언트가 TCP 연결을 수립합니다(또는 전송 계층이 TCP가 아닌 다른 적당한 연결로

TILES6

2017-09-01

JavaScript ES6 Data Structure

Javascript ES6 Data Structure Data Structures in Web DevelopmentArray & Hash(Dictionary) - indexing post 123456789101112in RDB[articleId, title, body, userId, view][{ userId: 1, articleId: 1,

Archive: 2017/9