Development/WEB4 이미지 렌더링 & Raster와 Vector 렌더링(Rendering) 렌더링이란 브라우저의 뷰포트에 웹 사이트를 출력하는 행위를 말한다. 웹 이미지 크게 두 종류가 있다. Raster Vector Raster Raster는 픽셀이 모여 하나의 정보를 이룬다. 정교하고 다양한 색상을 표현할 수 있다. 확대 시에 이미지에 계단 현상이 발생한다. jpeg, jpg, png 등의 포맷이 이에 해당한다. Vector Vector는 점, 선, 면의 좌표, 색상 등의 정보가 수학적으로 표현된 이미지다. 반복적으로 저장해도 이미지의 품질이 저하되지 않으며 확대를 해도 계단 현상이 발생하지 않는다. 그러나 이미지의 용량이 커질 수 있다는 단점이 있고 복잡한 이미지는 표현하는데 한계가 있다. svg 포맷이 이에 해당한다. jpg(jpeg) Joint Photogr.. 2022. 12. 1. 서버, 클라이언트, 프로토콜, 통신, 웹 표준 서버(Server) 서비스를 제공하는 컴퓨터(Service Provider) 클라이언트(Client) 서비스를 받는 컴퓨터(Service User). 웹 브라우저가 대표적이다. 통신 규약 또는 통신 프로토콜(Communication Protocol) 컴퓨터끼리(서버와 클라이언트끼리) 서로 원활한 통신이 이루어지도록 만든 공통의 약속(프로토콜)이다. 대표적으로 HTTP, HTTPS, FTP 등이 있다. 서버와 클라이언트 간의 통신 브라우저가 페이지를 요청하면 웹 서버가 이에 대한 응답으로 웹 페이지를 보내는 식으로 서버와 클라이언트가 통신하게 된다. 서버와 클라이언트는 단일 컴퓨터 내(로컬 환경)에서도 적용될 수 있고 네트워크 환경에서도 적용될 수 있는 개념적인 구분이다. 웹 표준 다양한 브라우저에 대응하.. 2022. 11. 30. DOM(Document Object Model) DOM은 웹 문서 제어를 위한 프로그래밍 인터페이스다. 웹 상의 문서 내용과 문서의 구조를 구성하는 항목들(div, span, input 등)은 모두 object들이다. DOM은 이를 메모리에 계층으로 표현하며(그림 1) 이들을 제어(생성, 변형, 삭제 등)할 수 있도록 돕는 프로그래밍 인터페이스다. 이를 위해 API가 제공되며, 이들 API들은 브라우저에 이미 저장된 기능들이다. 따라서 DOM을 이용하면 웹 문서의 구조나 스타일, 내용을 바꿀 수 있다. DOM 자체는 프로그래밍 언어가 아니기 때문에 DOM을 이용하기 위해서는 주로 javascript와 같은 스크립트 언어를 이용한다. DOM API에는 기본적으로 다음의 것들이 있다. querySelector querySelectorAll addEvent.. 2022. 11. 29. [FastCampus] '프로그래밍 첫걸음 시작하기' 강의 노트 보호되어 있는 글 입니다. 2019. 8. 29. 이전 1 다음
