Archive: 2018/5

2018
0
01_DevTIL ✍Web

브라우저와 렌더링 엔진

https://d2.naver.com/helloworld/59361 를 읽고 정리했습니다. 브라우저의 주요 기능 브라우저의 기본 구조 렌더링 엔진 1. 브라우저의 주요 기능 URI를 입력할 수 있는 주소 표시 줄 이전 버튼과 다음 버튼 북마크 새로 고침 버튼과 현재 문서의 로드를 중단할 수 있는 정지 버튼 홈 버튼 2. 브라우저의 기본 구조 사용

0
01_DevTIL ✍JavaScript

12/ File Api와 이미지 용량 줄이기

오늘은 이미지 용량을 줄이는, (리사이징이 더 맞는 말이겠죠.) 방법에 대해서 알아보려고 합니다. 로컬에서 이미지 파일을 올리는 것부터 시작하죠. 이를 위해서는 HTML5관련 API 중 하나인 파일 API를 이용하고, 이미지 리사이징을 위해서 캔버스를 이용할 것입니다. 파일API를 다뤄보고 Blob에 대해서도 알아보죠..(Blob의 더 자세한 내용을

0
01_DevTIL ✍CSS

(mobile) device-pixel-ratio계산

**목차** 👋👋 서론 @media 대하여.. -webkit-device-pixel-ratio 2-1. 픽셀비율 계산하기 2-2. device width와 height 계산하기 0. 서론 현재 작업 중인 프로젝트는 데스크탑 브라우저(여러 브라우저 대응) 뿐만아니라 모바일 기기 대응도 진행해야한다. 너무도 당연히