마루
CS 학습 · maroo.dev
학습 모듈
Boot to Browser
Packet to Pixel
준비중
Data Structures
준비중
Hardware
1
Power ON
2
CPU
3
Memory / Cache
Operating System
4
OS Kernel
5
Process
6
Thread
Browser
7
Chrome Browser Process
8
Renderer Process
9
Network
10
HTML Parser
11
DOM
12
CSSOM
13
Render Tree
14
Layout (Reflow)
15
Paint
16
Composite
V8 Engine
17
V8 Engine
18
Call Stack
19
Event Loop
React
20
React Render Phase
21
Fiber
22
Commit Phase
23
Browser Paint
24
Screen Output
전원부터 픽셀까지 · 24단계
Toggle Sidebar
홈
Boot to Browser
면접 모드
스토리
탐색
검색
⌘K
면접 대비 모드
핵심 질문과 단계별 예상 질문으로, 전체 흐름을 말로 설명하는 연습을 하세요.
전체
Hardware
Operating System
Browser
V8 Engine
React
핵심 질문
Q
브라우저 주소창에 URL을 입력하고 Enter를 누르면 무슨 일이 일어나나요?
Q
화면에 무언가 그려지기까지 브라우저의 렌더링 과정을 설명해 주세요.
Q
자바스크립트는 싱글 스레드인데 어떻게 여러 작업을 동시에 처리하나요?
Q
React에서 setState를 호출하면 화면이 갱신되기까지 어떤 일이 일어나나요?
Q
프로세스와 스레드의 차이는 무엇인가요?
Q
리플로우(Reflow)와 리페인트(Repaint)를 줄이려면 어떻게 해야 하나요?
단계별 예상 질문 · 24
컴퓨터가 켜지면 가장 먼저 실행되는 코드는 무엇인가요?
CPU의 명령어 처리 과정을 설명해 주세요.
캐시는 왜 존재하나요?
시스템 콜이란 무엇인가요?
프로그램과 프로세스의 차이는 무엇인가요?
프로세스와 스레드의 차이는 무엇인가요?
브라우저가 멀티 프로세스 구조를 쓰는 이유는?
렌더러 프로세스의 메인 스레드는 무슨 일을 하나요?
주소창에 URL을 입력하면 네트워크에서 무슨 일이 일어나나요?
script 태그가 HTML 파싱을 막는 이유는?
DOM이란 무엇인가요?
CSS가 렌더링을 차단하는 이유는?
Render Tree에 포함되지 않는 요소는?
Reflow는 어떤 경우에 발생하나요?
Repaint와 Reflow의 차이는 무엇인가요?
왜 transform·opacity 애니메이션이 성능에 유리한가요?
V8은 자바스크립트를 어떻게 실행하나요?
JS는 싱글 스레드인데 어떻게 비동기를 처리하나요?
Promise와 setTimeout의 콜백 중 무엇이 먼저 실행되나요?
React가 화면을 효율적으로 갱신하는 원리는?
Fiber 아키텍처가 해결한 문제는 무엇인가요?
React의 Render 단계와 Commit 단계의 차이는?
React의 업데이트는 결국 브라우저에서 어떻게 반영되나요?
전원 인가부터 화면 출력까지 전체 흐름을 한 문장으로 설명한다면?
0
진행 0/24