본문 바로가기

분류 전체보기268

[네트워크] www.naver.com을 입력했을때 과정 모범답안 대기열, 캐싱, DNS, 라우팅, ARP, 초기연결을 거쳐 컨텐츠를 다운받게 되고 이 후 브라우저렌더링 과정을 거쳐 네이버 화면이 나타나게 됩니다. 또한, 이러한 과정이 캡슐화, 비캡슐화 과정을 거쳐서 이뤄지게 됩니다. 1. 웹 브라우저에 URL 입력 URL의 구조 https://hanseul-lee.github.io/2020/12/24/20-12-24-URL/ 1. Protocol(Scheme) http(Hyper Text Transfer Protocol) 는 프로토콜(규약)이다. URL의 첫 파트이자 웹에서 서버와 클라이언트간에 어떤 방법으로 자원을 접근할지 알려준다. 2. Domain Name 도메인 네임은 URL에서 웹 서버의 위치를 지정한다. 직접 IP 주소를 사용하는 것도 가능하다. .. 2023. 1. 26.
[baekjoon] 14502 연구소 (Javascript) 14502번: 연구소 (acmicpc.net) 14502번: 연구소 인체에 치명적인 바이러스를 연구하던 연구소에서 바이러스가 유출되었다. 다행히 바이러스는 아직 퍼지지 않았고, 바이러스의 확산을 막기 위해서 연구소에 벽을 세우려고 한다. 연구소는 크 www.acmicpc.net 알고리즘 : 완전탐색, bfs, 구현 알고리즘 공부를 처음 시작할 때 많이 봤던 문제인데 그때는 손도 못 대던 문제였다. 이제는 어렵지 않게 풀 수 있어 다행이다! 주의사항 : 깊은 복사! let input = require("fs") .readFileSync("input.txt") //"/dev/stdin" .toString() .split("\n") .map((val) => val.trim()); let [n, m] = inp.. 2023. 1. 26.
[TIL] 2023.1.24 설 마지막 연휴! 대전에서 마지막 날이라 여기저기 다니느라 공부한 내용만 간단히 기록! 자바스크립트 엔진이 코드를 실행시키는 과정 자바스크립트를 실행하기 위해선 자바스크립트 엔진이 필요하고 웹 브라우저는 자바스크립트 엔진을 내장하고 있다. 브라우저마다 엔진의 종류가 다르지만 코드를 실행하는 방식은 비슷하기 때문에 보통 어떻게 실행하는지 알아두는 것이 좋다. (V8, SpiderMonkey, Javascript core 등의 구현이 각각 다르다) 소스코드를 만나면 파싱하여 AST(Abstract Syntax Tree)(추상구문트리) 로 변환한다. 인터프리터(Interpreter) 는 AST를 기반으로 바이트코드(Bytecode)를 생성 한다. 인터프리터가 바이트코드를 실행할 때, 자주 사용되는 함수 및 타.. 2023. 1. 24.
[TIL] 2023.1.23 설 기간동안 쉬었으니 다시 공부시작! 아직도 대전에서 공부중이다! 오늘은 카페에와서 알고리즘 3문제와 간단한 브라우저 렌더링 관련 공부를 했다. 브라우저 렌더링 과정 브라우저가 화면에 나타나는 요소를 렌더링 할 때, 웹킷(Webkit)이나 게코(Gecko) 등과 같은 렌더링 엔진 을 사용한다. 렌더링 엔진이 HTML, CSS, Javascript로 렌더링할 때 CRP(Critical Rendering Path) 라는 프로세스를 사용하며 다음 단계들로 이루어진다. HTML 파싱 후, DOM(Document Object Model) 트리 구축 CSS 파싱 후, CSSOM(CSS Object Model) 트리 구축 Javascript 실행 주의! HTML 중간에 스크립트가 있다면 HTML 파싱이 중단된다. D.. 2023. 1. 23.

티스토리툴바