# browser

286개의 포스트
post-thumbnail

javascript & node - 웹과 브라우저 역사 그리고 javascript 탄생과 특징

[~2023 javascript history] 브라우저 내에서 주로 사용되는 객체 기반의 스크립트 프로그래밍 언어 js의 탄생부터 어떻게 server side - node라는 런타임을 가지는 현대 js 까지 이르렀는지 러프하게 기록한 글이다.

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

웹 풀사이클 데브코스 TIL [Day 6] - 웹

2023.11.21(화) 🕸️웹의 이해 🌐웹의 구조 🧑‍💻웹 개발 직무 이해 📚HTML, CSS, JavaScript

2023년 11월 21일
·
0개의 댓글
·
post-thumbnail

HTTP Strict-Transport-Security, HSTS

HTTPS 연결을 강제하는 보안 정책 메커니즘인 HSTS와, Chrome 115 버전부터 점진적으로 적용되기 시작한 HTTPS Upgrades 정책을 통해 웹 생태계에서의 보안 연결 이슈를 살펴봅니다.

2023년 11월 11일
·
0개의 댓글
·

Web APIs

APIs는 Application Programming Interfaces의 약자이다.우리는 자판기가 어떤 원리로 작동하는지 몰라도 동전 투입구에 금액을 넣고 음료수를 고르는 버튼을 누르면 원하는 음료수를 살 수 있다.이처럼 윈도우스에서 동작하는 애플리케이션을 만들고싶다

2023년 11월 1일
·
0개의 댓글
·
post-thumbnail

(개발)랩탑 초기 환경 세팅(초보자편)

개발자 직무로 처음 일을 시작하게 되는 경우 새로운 노트북으로 환경셋팅을 통해 개발을 진행하게 되는 순간이 누구에게나 있을 것이다.누구나 한 번은 필수로 발생할 것이다.나에게 처음있는 일이라 설레기도 걱정되는 부분도 있었지만 이를 위한 순간의 조각을 기록으로 남겨 놓는

2023년 10월 5일
·
0개의 댓글
·
post-thumbnail

React 가상 DOM

오늘은 가상DOM에 대해 알아보겠습니다.

2023년 10월 3일
·
0개의 댓글
·
post-thumbnail

SOP와 CORS 에 대한 내용

프론트엔드에서 백엔드 서버로 요청을 보낼 때 CORS 에러가 발생하는걸 흔하게 볼 수 있습니다. 이러한 CORS 에러가 발생하는 이유와 에러 해결을 위한 방법 그리고 SOP도 같이 알아보겠습니다. Origin / 출처 SOP / Same-Origin Polic

2023년 9월 25일
·
0개의 댓글
·
post-thumbnail

[WEB] 브라우저 렌더링 과정 - (2)

앞의 내용에 이어 브라우저 렌더링 과정 2편. 그리고 렌더링 최적화에 대해 간략하세 서술했습니다.

2023년 9월 10일
·
1개의 댓글
·

백엔드 개발자 -3

오늘은 브라우저와 브라우저의 작동원리에 대해 알아보겠다. 브라우저란 ? 웹 서버에서 쌍방향 통신을 하며 리소스를 받아와 출력하는 그래픽 인터페이스 기반의 응용 소프트웨어이다. 브라우저의 기본구조 웹 브라우저의 구조, 출처 = https://d2.naver

2023년 9월 5일
·
0개의 댓글
·

CS 07 브라우저 작동방식

사용자의 웹페이지 요청URL입력, 링크 클릭 등URL 해석 및 DNS(Domain Name System) 조회IP주소를 얻어온다.서버 연결 및 요청 전송웹 서버와 TCP/IP 연결 설정, HTTP 요청 메시지 생성 및 전송서버 응답 및 데이터 수신받은 요청에 대한 응답

2023년 9월 4일
·
0개의 댓글
·
post-thumbnail

[WEB] 브라우저 렌더링 과정 - (1)

CS 공부를 하다보면 주소창에 google.com 을 입력했을 때 일어나는 일에 대해 생각해보게 됩니다. 웹에서 가장 기본적인 부분이지만 비전공자에게는 익숙치 않은 부분이라 브라우저 렌더링에 대해 정리해보려 합니다.

2023년 9월 3일
·
0개의 댓글
·

브라우저에서는 화면을 어떻게 그릴까?

DOM 트리와 CSSOM 트리를 만들고, 렌더 트리로 결합합니다. 렌더 트리에서 노드의 위치와 크기를 계산을 수행하고, 계산된 값을 이용해 각 노드를 픽셀로 변환하여 레이어로 만듭니다. 생성된 레이어는 합성하여 실제 화면에 나타냅니다.

2023년 8월 14일
·
0개의 댓글
·
post-thumbnail

모던 웹 브라우저 톺아보기 3 - 렌더러 프로세스

출처 : https://developer.chrome.com/blog/inside-browser-part3/자세한 내용은 원문을 참고해주세요.지난 "모던 웹 브라우저 톺아보기2"에서 어떻게 브라우저가 서버로 부터 데이터를 들고오는 지 등.. 브라우저 랜더링에

2023년 8월 5일
·
2개의 댓글
·
post-thumbnail

[WEB] 브라우저가 웹페이지를 읽어내는 과정

이미지 출처: https://hpbn.co/primer-on-web-performance/위 사진은 웹 브라우저가 웹 페이지를 처리하는 과정을 간단하게 표현한 파이프라인입니다.파싱(parsing) 입력 데이터를 읽어들이고 그 구문을 분석하고 해석하는 과정웹 브

2023년 7월 29일
·
1개의 댓글
·
post-thumbnail

[F-Lab 모각코 챌린지 58일차] JavaScript Engine

자바스크립트 엔진 | V8 | 메모리 힙 | 호출 스택 | Web API | 동시성 | 이벤트 루프 | 큐

2023년 7월 28일
·
0개의 댓글
·
post-thumbnail

브라우저에서 웹페이지를 그리는 과정

평소에 너무 자연스럽게 브라우저를 키고 웹서핑을 해왔지만 그 과정이 어떻게 동작하는지는 자세하게 알아본적이 없는것 같다. frontend개발자를 꿈꾸는 취준생으로서 반드시 알아야 할 필요가 있다고 느꼈다. 브라우저는 웹페이지를 그리기위해 정적 리소스 (html,css,

2023년 7월 28일
·
0개의 댓글
·

문서와 리소스 로딩

문서 로딩과 스크립트 다운 속성

2023년 7월 27일
·
0개의 댓글
·

폼과 폼 조작

폼을 이용하며 발생하는 이벤트와 폼 전송

2023년 7월 27일
·
1개의 댓글
·

브라우저 종류를 알아내는 유틸 함수를 만들자

브라우저 종류를 알아내보자! 그런데 왜 ios Chrome이 Safari로 인식되지?

2023년 7월 24일
·
1개의 댓글
·
post-thumbnail

브라우저 이벤트와 버블링, 캡처링

이벤트 기초와 버블링, 캡처링, 브라우저 기본 동작과 커스텀 이벤트

2023년 7월 19일
·
0개의 댓글
·