분류 전체보기

#1 HTML5란 기존 HTML에서의 스타일 지정과 관련된 태그와 속성이 대부분 제거되고 새로운 태그가 추가되면서 문서의 내용 표현에 보다 집중할 수 있도록 발전하였다. 또한 HTML5가 제공하는 태그와 속성만을 의미하는 것이라기보다는 콘텐츠의 내용과 형식을 표현하기 위한 HTML5, 콘텐츠의 표현 방법을 정의하는 CSS3, 그리고 각종 API를 통해 기능을 표현하는 자바스크립트를 통칭하는 것이다. 따라서 단순히 개별적인 내용의 이해에만 국한되는 것이 아니라 이들 간의 협업 관계를 이해하고 활용하는 것이 중요하다. #2 HTML5 디자인 원칙 - 기존 HTML 콘텐츠나 이전 브라우저 등과의 호환성을 위해, 기술의 혁신을 통한 새로운 언어의 구현이 아닌 진화를 통해 기존 HTML의 문법과 이용방법을 최대한..

* 이 글은 드림코딩 by 엘리님 유투브 https://www.youtube.com/channel/UC_4u-bXaba7yrRz_6x6kb_w 참고하였습니다. #1: 에 를 추가할 때 @1-1 순서 html 코드를 구문분석하다가 javaScript 코드를 만나면 잠깐 blocked 합니다. javaScript 코드를 fetching, executing을 거칩니다. 다시 html 코드를 구문분석합니다. @1-2 장, 단점 만약 js파일에 크기가 엄청크고, 인터넷이 엄청 느리다면, 사용자가 웹사이트에 접근하기까지 많은 시간이 소요됩니다. header에 script 코드를 넣는 것은 좋은 방법이 아닙니다. #2: 끝 부분에 를 추가할 때 @2-1 순서 html 코드를 구문분석합니다. javaScript 코드를..

* 이 글은 https://www.npmjs.com/package/cookie-parser 번역하였습니다. 쿠키 헤더를 파싱하고 cookie이름들로 된 object key로 req.cookies를 채웁니다. 선택적으로 비밀 문자열을 전달하여 서명 된 쿠키 지원을 활성화 할 수 있습니다. 이 문자열은 다른 미들웨어에서 사용될 수 있도록 req.secret을 지정합니다. #1: Installation $ npm install cookie-parser #2: API var express = require('express') var cookieParser = require('cookie-parser') var app = express() app.use(cookieParser()) @2-1 cookieParser..

* 이 글은 https://www.npmjs.com/package/axios 번역하였습니다. Promise를 기반으로 브라우져, node.js 를 위한 HTTP client 입니다. #1: Features - 브라우저로부터 XMLHttpRequests를 만듭니다. - node.js 로부터 http 요청을 만듭니다. - Promise API를 기반으로 합니다. - 요청과 응답을 Intercept 합니다. - 요청과 응답 데이터를 변형시킵니다. - 요청을 취소합니다. - 자동으로 JSON 데이터로 변형시킵니다. - XSRF를 Client side에서 보호합니다. #2: Browser Support #3: Install npm $ npm install axios bower $ bower install axio..