# 브라우저

16개의 포스트

[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개의 댓글
post-thumbnail

URL을 치면 일어나는 일

평소에 아무 생각없이 사용하는 브라우저. naver.com을 인터넷 주소창에 치는 순간 어떤 일이 일어날까? 한 번 정리해보자.URL을 주소창에 입력하는 단계이다. 사용자가 직접 요청할 URL을 입력하거나 링크를 통해 주소창에 입력되어진다.웹 브라우저가 URL을 해석하

2020년 8월 25일
·
0개의 댓글
post-thumbnail

브라우저 렌더링 과정

브라우저가 화면에 나타나는 요소를 렌더링할 때, 웹킷(Webkit)이나 게코(Gecko)같은 렌더링 엔진을 사용한다. 렌더링 엔진이 HTML, CSS, Javascript를 렌더링할 때 CRP(Critical Rendering Path)라는 프로세스를 거친다. 이는 다

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

chrome mixed contents 정책

chrome 81버전부터 HTTPS를로드하지 않을 경우 HTTPS에 autoupgraded 된다고합니다.동영상 플레이어를 개발하던 중 서버에 올렸을 때 동영상 재생이 안되는 이슈가 있었습니다. 저는 프로토콜 이슈인줄 알고(사이트 https) videojs에서 제공해주는

2020년 8월 4일
·
0개의 댓글
post-thumbnail

로드맵 길만 걸어요 - Internet, HTTP, Browser

로드맵 길만 걸어요 시리즈는 프론트엔드 로드맵 에 있는 모든 부분을 다룹니다. > 기초가 부족하여 다시 훑어보려고 합니다. > 위키백과나 MDN, 생활코딩에서 설명을 따와 제가 이해할 수 있는 방식으로 풀어서 설명합니다. 이 페이지에서 다룰 내용 프론트엔드 로드맵

2020년 6월 30일
·
0개의 댓글
post-thumbnail

Layer model

성능 최적화에 필요한 layer model에 관하여

2020년 6월 18일
·
0개의 댓글
post-thumbnail

How Browsers Work 2

사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시한다.브라우저는 HTML파일을 해석하여 표시하는 역할을 하는데, 웹 표준화 기구인 W3C에서 정한 HTML과 CSS 명세에 따라 표시한다.이때 자원을 요청하는 주소가 uri이다.\

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

주소창에 velog.io를 입력했을때 무슨 일이 일어날까? -2 ( 렌더링 )

본 포스팅을 보기 전에 이전 포스팅 - 네트워킹 을 보시는 것이 도움이됩니다. 🙂 브라우저는 서버로 부터 요청한 html과 css, javascript 파일을 받아 렌더링을 한 후 사용자에게 픽셀로 내용을 표시해줍니다. 브라우저가 수행하는 일련의 렌더링과정을 rend

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

주소창에 velog.io를 입력했을때 무슨 일이 일어날까? -1 ( 네트워크 )

유알엘 이라고 불리는 이 것은 아이피 주소를 대신해서 사람에게 기억하기 쉬운 문자로 만들어졌습니다. 사람에게 친숙한 이 도메인 이름과 ip 주소를 domain name server에서 데이터베이스로 관리합니다. 이러한 시스템을 Domain Name System이라고 합

2020년 4월 29일
·
0개의 댓글
post-thumbnail

브라우저 동작원리

브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다. 자원은 보통 HTML 문서지만 PDF나 이미지 또는 다른 형태일 수 있다. 자원의 주소는 URI에 의해 정해진다. 브라우저는 웹 표준화 기구인 W3C(World Wide Web

2020년 3월 15일
·
4개의 댓글

[부스트코스]DB 연결 웹앱, 22)Browser Event, Event object, Event handler

이번 포스팅에서는 자바스크립트 Browser Event, Event object, Event handler 에 대해서 공부해보도록 하겠습니다.어떤 영역을 마우스 클릭하거나, 화면을 스크롤 하거나 하는 작업에 따라서 브라우저는 반응합니다.이런 것들은 모두 브라우저가 Ev

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

[부스트코스] 웹 프로그래밍 기초, 3) Browser의 동작

반가워요, 벌써 세 번째 포스팅입니다 ! 잠시 부스트코스 강사님들의 강의에 대해 개인적인 사견을 붙여보겠습니다. 부스트코스의 강의는 굉장히 알기 쉽게 설명해주시는 것과 동시에 알아야 할 것 들만 콕콕 찝어주는 기본에 충실한 강의라고 생각합니다. 덕분에 쉽고 재밌게 많은

2020년 2월 1일
·
0개의 댓글