# browser

75개의 포스트
post-thumbnail

[WEB] 스크립트의 로드 시점 - async & defer

브라우저가HTML문서를 해석할 때 스크립트 태그는 어떻게 처리되고 이를 제어하는 방법에 관하여 글을 작성했습니다.

5일 전
·
0개의 댓글
post-thumbnail

[TIL, Browser] 비밀번호 확인 알람 팝업

사이트 또는 앱의 정보 유출로 인해 비밀번호가 노출되었습니다.해당 알람은 사이트의 신뢰도에 엄청난 타격을 준다.

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

[Browser] CORS

브라우저는 위협받고 있다. 위협을 받는 근본적인 이유 중 하나는 브라우저가 자바스크립트를 구동하기 때문이다. 다음과 같이 브라우저에서 자바스크립트로 할 수 있는 것들이 많기 때문에 위험 요소도 존재한다.AJAX call로 API 호출동적 DOM 제어인증 정보를 브라우저

2021년 5월 27일
·
0개의 댓글
post-thumbnail

브라우저의 동작

※ 네이버 부스트코스 웹 프로그래밍(풀스택) > 4) browser의 동작-1을 공부하며 정리한 내용입니다.참고자료 : How Browsers Work사용자 인터페이스(UI) = 화면에 보이는 것들(닫기/뒤로 가기 버튼 등)브라우저 엔진 = 브라우저 소프트웨어를 동작시

2021년 5월 27일
·
0개의 댓글
post-thumbnail

브라우저 렌더링 과정

HTML, CSS, Javascript을 브라우저에서 보여주는 과정을 의미한다.

2021년 5월 26일
·
0개의 댓글
post-thumbnail

[JavaScript] 자바스크립트의 주요개념

프로세스(process),코드(code) 영역,데이터(data) 영역,스택(stack) 영역,힙(heap) 영역,스레드(thread),싱글스레드(Single-threaded),콜스택(Call stack),Web API(=Brower API),테스크 큐(task Queu

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

javascript - browser

browser 환경에서의 자바스크립트! Let's go ~ 😚

2021년 5월 21일
·
0개의 댓글
post-thumbnail

TIL 12. 자바스크립트의 힘

In-browser JavaScript can do everything related to webpage manipulation, interaction with the user, and the webserver.Add new HTML to the page, change

2021년 5월 13일
·
0개의 댓글
post-thumbnail

브라우저에 랜더링 되는 과정은 어떻게 될까?

랜더링 되는 과정을 보면 이전까지는 단순히 naver.com 혹은 google.com 이라고 검색하던 것에서 조금 더 깊이 있는 '생각'을 할 수 있다.그렇다면 브라우저 렌더링은 어떻게 이루어지게 될까?브라우저가 렌더링 되기 위해서는 우선 요청을 해야한다.아무리 준비가

2021년 5월 10일
·
0개의 댓글

브라우저의 동작 원리

😀 브라우저의 동작 원리에 대해 알아보자!

2021년 4월 30일
·
0개의 댓글

[JS/Browser] DOM

DOM(Document Object Model) HTML 문서와 구조와 관계를 객체(Object)로 표현한 모델 HTML의 구조는 JavaScript의 객체 구조와 같은 트리 구조이므로, JavaScript의 DOM이 브라우저에 접근하기 가장 바람직. documen

2021년 4월 27일
·
0개의 댓글
post-thumbnail

브라우저 저장소 ( Local, Session, Cookies)

우선 각각에 대해서 알아보도록 하자!window.localStorage에 위치하고 있다string, boolean, number, null, undefined 모두 저장 가능 하지만, 문자열로 변환된다object 생성자 형으로 저장되어 한번에 통째로 저장하려면 JSON

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

HTML, CSS, JS 기초 개념

HTML:Hypertext Markup Language 정의 웹을 이루는 가장 기초적인 구성 요소 웹콘텐츠의 의미와 구조를 정의하는 마크 업 언어 > #### 마크업 언어(markup language) 태그 등을 이용하여 문서나 데이터 구조를 명기하는 언어 HTM

2021년 4월 13일
·
0개의 댓글
post-thumbnail

[JS] 브라우져 창 사이즈와 스크롤

브라우져의 창 너비와 높이를 구하려면 document.documentElement.clientWidth 와 document.documentElement.clientHeight 를 사용하여 값을 구합니다.window 객체와의 차이점브라우져의 window 객체에서도 win

2021년 4월 9일
·
0개의 댓글

OffsetTop을 읽으면 reflow가 발생한다?

offsetTop을 읽는 것 자체가 무조건 reflow를 발생시키지는 않는다. 하지만 offsetTop을 읽기 위해서 브라우저가 렌더링 큐에 쌓인 모든 작업을 수행하면서 reflow를 발생시킬 수 있다고 한다.

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

브라우저 렌더링

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

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

DOM과 브라우저 렌더링 과정

드림코딩 엘리님의 브라우저강의 중 렌더링 엔진의 동작 과정에 대해 복습겸 내용을 정리하려고한다.DOM(Document Object Model)은 노드(Node) 들이 트리 형태로 구조화 된 데이터 표현이다.그럼 어떻게 생겼느냐? 이런 트리 구조로 형성이 되어있는데...

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

TIL 8 | Internet

인터넷(Internet) 어떻게 작동하는가❓

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

Task queue에 대한 오해 정리

브라우저의 task queue에 대한 오해를 정리하였습니다.

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

브라우저에서 이벤트 루프와 V8 엔진의 관계

브라우저의 동작 원리를 공부하다가, 이벤트 루프와 v8 엔진의 관계에 대해 명확히 정리하기 위해 작성되었습니다.

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