# browser

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

웹 풀사이클 데브코스 TIL [Day 6] - 웹
2023.11.21(화) 🕸️웹의 이해 🌐웹의 구조 🧑💻웹 개발 직무 이해 📚HTML, CSS, JavaScript

HTTP Strict-Transport-Security, HSTS
HTTPS 연결을 강제하는 보안 정책 메커니즘인 HSTS와, Chrome 115 버전부터 점진적으로 적용되기 시작한 HTTPS Upgrades 정책을 통해 웹 생태계에서의 보안 연결 이슈를 살펴봅니다.
Web APIs
APIs는 Application Programming Interfaces의 약자이다.우리는 자판기가 어떤 원리로 작동하는지 몰라도 동전 투입구에 금액을 넣고 음료수를 고르는 버튼을 누르면 원하는 음료수를 살 수 있다.이처럼 윈도우스에서 동작하는 애플리케이션을 만들고싶다

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

SOP와 CORS 에 대한 내용
프론트엔드에서 백엔드 서버로 요청을 보낼 때 CORS 에러가 발생하는걸 흔하게 볼 수 있습니다. 이러한 CORS 에러가 발생하는 이유와 에러 해결을 위한 방법 그리고 SOP도 같이 알아보겠습니다. Origin / 출처 SOP / Same-Origin Polic
백엔드 개발자 -3
오늘은 브라우저와 브라우저의 작동원리에 대해 알아보겠다. 브라우저란 ? 웹 서버에서 쌍방향 통신을 하며 리소스를 받아와 출력하는 그래픽 인터페이스 기반의 응용 소프트웨어이다. 브라우저의 기본구조 웹 브라우저의 구조, 출처 = https://d2.naver
CS 07 브라우저 작동방식
사용자의 웹페이지 요청URL입력, 링크 클릭 등URL 해석 및 DNS(Domain Name System) 조회IP주소를 얻어온다.서버 연결 및 요청 전송웹 서버와 TCP/IP 연결 설정, HTTP 요청 메시지 생성 및 전송서버 응답 및 데이터 수신받은 요청에 대한 응답

[WEB] 브라우저 렌더링 과정 - (1)
CS 공부를 하다보면 주소창에 google.com 을 입력했을 때 일어나는 일에 대해 생각해보게 됩니다. 웹에서 가장 기본적인 부분이지만 비전공자에게는 익숙치 않은 부분이라 브라우저 렌더링에 대해 정리해보려 합니다.
브라우저에서는 화면을 어떻게 그릴까?
DOM 트리와 CSSOM 트리를 만들고, 렌더 트리로 결합합니다. 렌더 트리에서 노드의 위치와 크기를 계산을 수행하고, 계산된 값을 이용해 각 노드를 픽셀로 변환하여 레이어로 만듭니다. 생성된 레이어는 합성하여 실제 화면에 나타냅니다.

모던 웹 브라우저 톺아보기 3 - 렌더러 프로세스
출처 : https://developer.chrome.com/blog/inside-browser-part3/자세한 내용은 원문을 참고해주세요.지난 "모던 웹 브라우저 톺아보기2"에서 어떻게 브라우저가 서버로 부터 데이터를 들고오는 지 등.. 브라우저 랜더링에
[WEB] 브라우저가 웹페이지를 읽어내는 과정
이미지 출처: https://hpbn.co/primer-on-web-performance/위 사진은 웹 브라우저가 웹 페이지를 처리하는 과정을 간단하게 표현한 파이프라인입니다.파싱(parsing) 입력 데이터를 읽어들이고 그 구문을 분석하고 해석하는 과정웹 브

[F-Lab 모각코 챌린지 58일차] JavaScript Engine
자바스크립트 엔진 | V8 | 메모리 힙 | 호출 스택 | Web API | 동시성 | 이벤트 루프 | 큐

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