# 브라우저

167개의 포스트
post-thumbnail

[boost course] 2. Web 개발의 이해

웹 프로그래밍을 위한 프로그램 언어들 생각해보기 프론트 엔드부터 서버 개발까지 한 가지 프로그래밍 언어를 사용하여 개발한다면 어떤 언어를 사용하는 것이 좋을까요? => javascript : javascript는 프론트 개발에 주로 쓰이는 언어이지만 node.js와

2022년 5월 2일
·
0개의 댓글
post-thumbnail

FE가 알아야하는 가장 중요한 프로그램, 브라우저의 동작원리

브라우저는 월드 와이드 웹을 기반으로 문서나 미디어 파일을 열람하기 위해 사용되는 프로그램이다. 유저가 문서에 접근할 수 있도록 하고, 서버로부터 자원을 받아오고, 이를 해석해서 출력하는 동작을 중심으로 북마크, 새로고침, 이전페이지-다음페이지, 이메일, 저장소 제공

2022년 4월 30일
·
0개의 댓글
post-thumbnail

뭔지도 모르지만 일단 삭제했던 그것, 캐시

컴퓨터의 동작 중에서 오랜시간이 걸리는 작업의 결과를 저장하여 활용하는 저장소로, 시간과 비용을 절약하는 기법을 위해 활용된다.CPU와 메모리가 끊임없이 데이터를 주고 받으면서 처리하는데, CPU에 비해 메모리의 처리속도가 뒤처짐. 따라서, CPU가 메모리를 기다리는

2022년 4월 26일
·
0개의 댓글
post-thumbnail

브라우저의 기본원리

구글에서 inspect누르고 elements를 들어가서 네이버 뉴스를 ‘사과'로 바꾸면 네이버뉴스라는 글자가 ‘사과'로 바뀐다. 하지만 새로고침을 하면 바로 네이버뉴스로 돌아온다.왜냐면 네이버 서버로 부터 다시 받아왔기 때문이다.브라우저는 서버로 부터 html, css

2022년 4월 19일
·
0개의 댓글

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

프론트엔드 개발자가 되기위해서 가장 먼저 알아야하는 것은 무엇일까? HTML, CSS, JavaScript?

2022년 4월 17일
·
0개의 댓글

Browser rendering process

브라우저의 렌더링 과정을 보기전에 몇가지 알아야 할 것이 있다.렌더링이란 HTML, CSS, JavaScript등 개발자가 작성한 문서를 브라우저에 그려주는 과정을 말한다.대부분의 브라우저는 렌더링을 하는 렌더링 엔진을 가지고 있다.각각의 브라우저 마다 렌더링 엔진이

2022년 4월 16일
·
0개의 댓글
post-thumbnail

[JavaScript] 브라우저 동작 원리

사용자가 참조하고자 하는 웹페이지 서버에 요청서버는 사용자에게 HTML, CSS, JavaScript, 이미지 파일등을 응답서버로부터 받은 HTML, CSS 파일을 HTML파서와 CSS파서가 파싱 \- 파싱 과정에서 최대 20개의 중첩만 허용하고 나머지는 무시파싱된

2022년 4월 14일
·
0개의 댓글
post-thumbnail

Sanitizer API를 통해 DOM 안전하게 조작하기

HTML Sanitizer API는 2021년 11월,XSS(cross-site-scripting)을 방지하고 안전하게 DOM 데이터를 관리할 수 있도록 하기 위해 소개된 기술이다.XSS 공격이란?신뢰할 수 없는 외부로부터의 데이터가 href 경로, 또는 innerHT

2022년 4월 13일
·
0개의 댓글

1. 우리가 보는 화면은 어떻게 만들어질까요? -1

브라우저란 무엇인가? 브라우저와 웹 브라우저는 같은 말인가요? 웹 브라우저 ⊂ 브라우저 web browsers ? file browsers ? directory browsers ? search results browsers ? network path browse

2022년 4월 10일
·
0개의 댓글
post-thumbnail

[2022.04.04] 브라우저 구성요소와 브라우저 렌더링에 대해

브라우저 렌더링 > 브라우저 주소 창에 구글, 네이버 등의 홈페이지 사이트 주소를 입력하면 어떤 과정이 일어날까?

2022년 4월 3일
·
0개의 댓글
post-thumbnail

[JavaScript for React] 자바스크립트를 이해하기 위하여

자바스크립트 왜 어려울까 + 쉽게 이해하는 방법을 찾아서

2022년 4월 3일
·
0개의 댓글

브라우저의 URL 처리와 동작 원리 | 가상 DOM

브라우저 동작 원리를 공부하면서 전체적인 브라우저의 과정을 함께 살펴보겠습니다.추가적으로 가상 DOM과 가상 DOM에서 불변성이 중요한 이유도 정리하겠습니다.url에 google.com을 치면 어떤 일이 발생할까요?방문했던 사이트를 기록해두면, 다시 방문할 때 전보다

2022년 3월 27일
·
0개의 댓글
post-thumbnail

[인터넷] 브라우저 동작 원리

브라우저란 동기적(Synchronous)으로 (HTML+CSS) , Javascript 언어를 해석하여 해석한 내용을 화면에 보여주는 소프트웨어이다

2022년 3월 25일
·
0개의 댓글
post-thumbnail

웹페이지가 로드되는 과정

하루는 면접을 보는 와중에 면접관이 다음과 같은 질문을 했었다. "웹페이지가 보여지는 과정에 대해서 설명해주세요." 이 질문에 대해서 정확하게 대답하지 못했기에 이번 포스트를 작성해본다. 핵심 키워드 : 도메인네임, DNS서버, HTTP, TCP, IP주소 과정

2022년 3월 25일
·
0개의 댓글
post-thumbnail

브라우저

인터넷에 접속하기 위해 사용하는 소프트웨어이다.우리는 크롬, 파이어폭스, 사파리, 엣지 등등 여러 브라우저를 알고 있지만 브라우저마다 다른 방식으로 데이터를 해석하기 때문에 여러가지가 있다 하지만 브라우저간의 일관성을 만드는 것이 웹 표준이고 개발자 또한 웹표준을 지켜

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

TIL2. http 통신 과정

브라우저에서 주소창에 URL을 쳤을 때, 어떤 과정을 거쳐 우리에게 웹 페이지를 보여주는지 한 번 살펴보았다.

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

네트워크 기초 브라우저 렌더링 과정

브라우저 렌더링 과정에 대해 간략히 정리 해보았습니다.

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

브라우저는 어떻게 렌더링 될까?

앞서 웹의 동작방식을 알아보며, 클라이언트가 서버에 데이터를 요청하고 서버는 그 요청에 응답한다는 것을 알았습니다.오늘은 클라이언트가 서버로부터 응답받은 데이터를 어떻게 브라우저에 렌더링하는지 그 과정에 대해 알아보겠습니다.먼저, 브라우저의 렌더링 과정을 크게 나눠보면

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

JavaScript 실행되면 html 파싱 중단되는 이유

DOM 트리 → CSSOM 트리 → 렌더트리 → 레이아웃 → 페인트서버로부터 HTML 자원을 받아와서 DOM 트리를 생성한다.서버로부터 CSS 자원을 받아와서 CSSOM 트리를 생성한다.DOM Tree와 CSSOM Tree로 브라우저에 레이아웃을 잡아줄 렌더트리를 생성

2022년 3월 19일
·
0개의 댓글
post-thumbnail

브라우저의 작동방식

브라우저는 어떻게 작동하는가

2022년 3월 16일
·
0개의 댓글