큐레이션
-
명령형 프로그래밍 vs 선언형 프로그래밍 (새 탭에서 열림)
Fireship
React가 왜 선언형인지, 명령형과 선언형의 차이를 비유와 코드 예제로 쉽게 설명함
-
브라우저의 메인 스레드는 비싸다 (새 탭에서 열림)
kciter.so
프론트엔드 최적화라고 하면 무엇이 떠오르는가? 대체로 네트워크 요청을 줄이거나 번들 크기를 줄이고 캐시를 잘 쓰는 일을 떠올린다. 그 외에는 리렌더링 줄이기나 리소스를 불러오는 타이밍쯤이 떠오를 것이다. 보통 메인 스레드를 떠올리기는 쉽지 않은데…
메인 스레드가 왜 쉽게 막히는지에서 시작해, 작업을 쪼개고 미루고 워커로 옮기는 방법까지 차례로 풀어 줌. 화면 반응이 느리거나 INP 수치가 아쉬울 때 함께 읽어 보기 좋음.
-
Different hydration and rendering strategies (새 탭에서 열림)
Neciu Dan
Over the years, in our goal to achieve faster and faster web applications, we created different hydration and rendering strategies. Each with benefits and drawbacks that we explore in this article.
렌더링 전략을 SSG부터 Qwik의 resumability까지 설명함. 특히 모든 전략을 "화면이 보이는 시점과 실제로 동작하는 시점의 차이"라는 하나의 기준으로 비교하는 부분이 좋음.
-
NodeBook (새 탭에서 열림)
thenodebook.com
What Node.js is, how V8, libuv, native bindings, and core APIs fit together, and how JavaScript reaches files, sockets, timers, and the OS.
Node.js를 V8, libuv, 코어 API 층으로 나눠 내부 동작 원리를 차근차근 설명함. 이벤트 루프나 스레드 풀이 실제로 어떻게 도는지 궁금할 때 읽으면 좋음.