Category: TIL

2017
0
TILNode.js

Node-GraphQL

Node GraphQLREST API의 단점 각각의 자원마다 경로가 따로 있음. 즉, 여러 자원이 동시에 필요한 경우에는 요청을 여러 번 보내야 함 (요청의 횟수 면에서 비효율적) (보통의 경우) 자원의 필요한 속성만 얻어올 수 없음. 즉, 일부 속성의 필요하더라도 전체 속성을 가져와야만 함 (요청의 용량 면에서 비효율적) GraphQL Fa

0
TILNode.js

Node-GraphQL

HTTP CacheCache컴퓨터 분야에서의 캐시는(주로 접근 속도의 개선을 위해) 데이터를 미리 복사해 놓는 임시 저장소, 혹은 그 임시 저장소에 데이터를 저장하는 행위를 가리킴 cache 혹은 caching이라는 용어 자체는 특정 기술을 가리키는 것이 아니라,접근 속도를 개선하기 위해 따로 저장소를 두는 ‘방법’을 가리킴 컴퓨터의 아주 많은 부분(CP

0
TILNode.js

Node-SPA(Single Page Application)

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

0
TILNode.js

Node-Ajax

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

0
TILNode.js

Node-CORS

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

0
TILNode.js

Node-fetchApi

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

0
TILNode.js

Node-jwt

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

0
TILGit

Git Manage

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

0
TILNode.js

Node-Express-Middleware

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