본문 바로가기

반응형

WEB

(3)
[ Web ] 브라우저의 렌더링 과정 '모던 자바스크립트 Deep Dive' 책의 일부분을 정리한 글입니다. 대부분의 프로그래밍 언어는 운영체제나 가상머신 위에서 실행되지만 자바스크립트는 브라우저에서 HTML, CSS와 함께 실행된다. 따라서 개발자라면, 특히 프런트엔드 개발자라면 더더욱 브라우저 환경을 이해할 필요가 있다. 이 글에서는 브라우저가 HTML, CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱하여 브라우저에 렌더링하는지 알아볼 것이다. 먼제 전체적인 과정은 아래와 같다. 브라우저는 HTML, CSS 자바스크립트, 이미지, 폰트 파일 등 렌더링에 필요한 리소스를 요청하고 서버로부터 응답을 받는다. 브라우저의 렌더링 엔진은 서버로부터 응답된 HTML과 CSS를 파싱하여 DOM과 CSSOM을 생성하고 이들을 결합하여 렌더 트..
[ WEB ] 인터넷과 웹의 차이점 CORS를 정리하려고 MDN 웹문서에서 링크를 계속 타다가 여기까지 와버렸다. 이 글은 MDN 웹문서를 보고 정리한 글이며, 저의 주관이 약간 들어가 있기 때문에 잘못된 내용이 있을 수 있습니다. 혹시나 틀린 부분이 있다면 댓글로 알려주세요! 인터넷은 컴퓨터끼리 연결된 거대한 인프라고, 웹은 이러한 인프라 위에 구축된 하나의 서비스다. 인터넷 컴퓨터가 서로 통신을 하기 위해서는 물리적으로든, 무선으로든 서로 연결되어 있어야 한다. 컴퓨터끼리 연결된 하나의 집합체를 '네트워크'라고 부른다. 네트워크를 구성하는 가장 단순한 방법은 아래 왼쪽 그림과 같이 직접 연결하는 것이다. 그러나 이런 방식은 컴퓨터가 10대만 되어도 45개의 케이블이 필요하며, 컴퓨터 한대당 9개의 플러그가 필요하다. 이러한 문제점을 해..
[ WEB ] XML이란 XML에 대해 많이 들어봤지만 정작 어떤 개념인지는 몰라서 간단하게 정리하려고 이 글을 쓰게 되었다. 모든 내용은 w3schools 자료를 참고하였다. 💡 XML은 데이터를 저장하고 전송하기 위한 소프트웨어 및 하드웨어 독립적인 도구다. XML이란? XML은 확장 가능한 마크업 언어다. XML은 데이터를 저장하고 전송하도록 설계되었다. XML은 사람이 읽을 수도 있고 기계가 읽을 수도 있도록 설계되었다. XML은 자가 기술할 수 있도록 설계되었다. 자가 기술(self-descriptive)이란? 작성자가 온전히 설계할 수 있음을 의미한다. XML은 HTML과 비슷하게 태그(tag)들로 이루어져 있는데 모든 태그는 작성자가 직접 생성할 수 있다. 따라서 XML 자체는 아무 것도 하지 않으며, XML은 태그..

반응형