본문 바로가기

til79

[TIL] 2023.1.27 오늘은 HTTP를 공부하고 DFS 트리 문제를 집중적으로 풀었다. 이제 네트워크 공부가 어느정도 끝나가는 것 같다. 내용 정리가 끝나면 예상 면접문제를 만들어서 작성하고 정리하면서 복습을 하려고 한다. 노션에는 어느정도 작성하면서 준비하고 있어 공부가 끝나면 기록할 생각이다. [네트워크] HTTP (HTTP1.0 HTTP1.1 HTTP2 HTTP3) HTTP? HTTP는 전송 계층 위에 있는 애플리케이션 계층으로 웹서비스 통신에 이용된다. HTTP/1.0 HTTP/1.0은 한 연결 당 하나의 요청을 처리하도록 설계되었다. 서버로부터 파일을 가져올 때마다 TCP 3-Way mocha-blog.tistory.com [baekjoon] 1068 트리 (Javascript) 1068번: 트리 (acmicpc.n.. 2023. 1. 27.
[TIL] 2023.1.26 오늘은 드디어 골드4,5문제를 풀었다!! 그동안 잃어버린 감을 찾는다고 실버문제를 위주로 풀었는데 골드 문제도 무난하게 풀어서 뿌듯하다. 면접준비는 www.naver.com을 검색했을때의 과정을 공부했다. URL,DNS, 라우팅 등등 네트워크 전반의 내용을 알아야하는 질문이다. 부스트캠프에서 공부한 내용을 정리해둔것이 있어서 같이 공부하면서 기록했다. [네트워크] www.naver.com을 입력했을때 과정 모범답안 대기열, 캐싱, DNS, 라우팅, ARP, 초기연결을 거쳐 컨텐츠를 다운받게 되고 이 후 브라우저렌더링 과정을 거쳐 네이버 화면이 나타나게 됩니다. 또한, 이러한 과정이 캡슐화, 비캡슐화 과 mocha-blog.tistory.com [baekjoon] 14502 연구소 (Javascript) .. 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.

티스토리툴바