# 브라우저

31개의 포스트
post-thumbnail

브라우저 렌더링

렌더링 과정, CRP(Critical Rendering Path)

2021년 3월 24일
·
0개의 댓글

[Javascript] defer, async 스크립트

defer와 async 차이 - 문서와 리소스 로딩에 관하여

2021년 3월 22일
·
0개의 댓글
post-thumbnail

Event bubbling and capture MDN 내용 정리

원문 링크(https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events여기서 다루는 이벤트 버블링과 캡처링은 자주 접하지 않는 부분이지만 이해하지 못하면 디버깅이 힘든 부분입니

2021년 3월 7일
·
0개의 댓글
post-thumbnail

Web API MDN 내용 정리

개인 공부를 할 때도, 회사에서 작업을 할 때도 숨 쉬듯 사용하고 있는 웹 api에 대한 정리를 MDN 문서를 읽어보며 중요하게 생각되는 부분들을 따로 정리해 봅니다. MDN Web API 원문 문서 링크 📖Application Programming Interface

2021년 2월 28일
·
0개의 댓글
post-thumbnail

브라우저 작동방식을 알아보자(feat. Http vs Https)

브라우저 작동방식을 알아보자

2021년 2월 24일
·
0개의 댓글
post-thumbnail

[# 1 Roadmap] 인터넷 - 1

2020 백엔드 로드맵 맨 윗부분! 인터넷은 정보를 담은 각 컴퓨터를 TCP/IP 통신 프로토콜을 이용하여 연결하여 서로 정보를 주고 받도록 한 컴퓨터 네트워크이다.인터넷의 이름은 1973년 TCP/IP 를 적립한 사람들이 '네트워크의 네트워크' 를 구현하여, 모든 컴

2021년 2월 18일
·
0개의 댓글

SSR vs SPA

웹페이지 접속시 페이지를 화면에 그려주는 것Server side Rendering (서버사이드렌더링)요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식이다.서버에서 사용자에게 보여줄 페이지를 모두 구성하여 페이지를 보여주는 방식기술의 발전으로

2021년 1월 28일
·
0개의 댓글
post-thumbnail

TIL 109 | 브라우저의 동작 원리

브라우저는 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시한다. 자원은 보통 HTML 문서지만, PDF나 이미지 또는 다른 형태일 수도 있다.

2021년 1월 23일
·
0개의 댓글

브라우저 작동원리

브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원의 주소는 URI에 의해 정해진다.브라우저는 HTML, CSS의 명세에 따라 HTML파일을 해석해서 표시하는데, 이명세는 웹표준화 기준인 W3C에서 정한다.사용자 인터페이스주

2021년 1월 19일
·
0개의 댓글
post-thumbnail

브라우저 동작원리

사용자 인터페이스(User Interface): 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분브라우저 엔진(Browser Engine): 사용자 인터페이스와 렌더링 엔진 사이의 동작 제어렌더링 엔진(Render

2021년 1월 15일
·
0개의 댓글
post-thumbnail

브라우저와 동작 원리

웹 브라우저 또는 브라우저는 웹 서버에서 이동하며 쌍방향으로 통신하고 HTML 문서나 파일을 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어다. 즉, 서버와 통신하여 받은 데이터를 HTML 문서로 출력하는 소프트웨어다. 브라우저의 주요 기능은 사용자가 선

2021년 1월 14일
·
0개의 댓글
post-thumbnail

웹 브라우저에서 서버까지의 흐름

브라우저의 URL 파싱브라우저에서 어떤 프로토콜, URL, 포트로 요청할 것인지 해석 및 분석명시적으로 포트를 선언하지 않았다면, HTTP는 80, HTTPS는 443의 디폴트 값으로 요청HSTS (HTTP Strict transport security) 목록 조회HS

2021년 1월 6일
·
0개의 댓글

Danfo.js를 이용한 코로나 확진자 브라우저에 그래프로 출력

과거 flask로 했던 내용1과거 flask로 했던 내용2일단 전체 코드를 기준으로 설명을 진행하고자 한다.

2020년 12월 31일
·
0개의 댓글
post-thumbnail

html, 브라우저 용어 모음

html, 브라우저 용어 정리. 생각나는대로 적어서 양이 별로 없습니다. 댓글로 채워주시면 감사하겠습니다.

2020년 12월 27일
·
0개의 댓글
post-thumbnail

브라우저의 렌더링 과정

렌더링 엔진의 기본적인 동작 과정웹킷 동작 과정 1. DOM(Document Object Model), CSSOM(CSS Object Model) 생성서버로부터 받은 HTML, CSS를 다운로드 받아 HTML은 DOM Tree, CSS는 CSSOM 으로 만듦. DOM

2020년 12월 18일
·
0개의 댓글

브라우저 렌더링 과정

브라우저가 HTML,CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱하여 브라우저에 렌더링을 할까? 일단 파싱이란건 무엇일까? 파싱은 프로그래밍 문법에 맞게 작성된 텍스트 문서를 읽어 들여 실행하기 위해 텍스트 문서의 문자열을 토큰으로 분해 > 토큰은 문법적

2020년 12월 14일
·
0개의 댓글

[TIL] 2020/11/05

Today, I Learned Planning to Study References differences between dev-dependencies and dependencies : blog find 명령어 정리(리눅스 명령어) : link 실제 업무에

2020년 11월 5일
·
0개의 댓글
post-thumbnail

브라우저는 어떻게 동작할까?

브라우저의 동작을 알아보자.

2020년 10월 29일
·
5개의 댓글

[Web] 브라우저 로딩과정

내용의 출처는 TOAST UI 입니다. https://ui.toast.com/fe-guide/ko_PERFORMANCE/#%EB%B8%8C%EB%9D%BC%EC%9A%B0%EC%A0%80%EC%9D%98-%EB%A1%9C%EB%94%A9-%EA%B3%BC%EC%A0%95 >## 브라우저 로딩 과정 1. 파싱 브라우저에서 웹 페이지를 로드하면 가장 먼저 ...

2020년 9월 22일
·
0개의 댓글
post-thumbnail

BOM과 DOM

BOM DOM이미지 출처브라우저 전체를 담당하는 전역 객체이다.브라우저의 창이나 프레임을 프로그래밍적으로 제어할 수 있게 해주는 객체모델이다. 공식 표준은 아니지만 브라우저 대부분이 자바스크립트와의 상호작용에 있어서 비슷한 메소드와 속성으로 동작하기에 이와 같은 메소드

2020년 8월 27일
·
0개의 댓글