June 17th, 2022

전문가는 오랜 경험과 숙련으로 인해, 초심자는 포착하지 못하는 중요한 단서나 실마리를 포착할 수 있는 능력이 있고, 초심자와는 다른 접근 방법과 전략을 사용하는 것으로 밝혀졌습니다. 그리고 그 배경에는, 초심자와 다른 사고방식(멘탈 모델)이 있습니다.

전문가는 이미 자신이 하는 효과적인 행동이나 멘탈 모델들이 몸과 마음에 익어 있기 때문에, 스스로의 효과적인 전략을 알아채지 못하곤 합니다.

Where do you navigate?

When do you render?

How do you hydrate?

서버 라우팅을 통한 MPA인지, 클라이언트 라우팅을 통한 SPA인지가 가장 첫번재로 가르는 기준

새로운 기술 (RSC, TurboLinks) 등이 등장하면서부터 구분이 다소 모호해지고 있는 추세

렌더링을 할 수 있는 방법은 실질적으로 하나밖에 없으므로 중요한 것은 렌더링이 언제 일어나는가 밖에 없음

TTFB는 Async SSR을 채택한 경우가 아니라면 거의 항상 낮음 Web Vitals

SSR이라고 해도 데이터를 가져오는 주체에 따라 통계가 크게 달라짐 Web Vitals

저자가 제일 글을 많이 남긴 주제이기도 함... 본인 왈 JavaScript Frameworks' Greatest Challenge

Hydration의 방법론은 크게 3가지 측면에서 볼 수 있음

가장 널리 사용되는 로드 후 하이드레이션 방식은 높은 TTI가 단점이고 이 문제를 해결하고자 한 여러 방법들이 존재

릴리즈 노트 중 제일 핵심인 듯

일부 커맨드는 여전히 타입 검사를 시행하지만 run, eval, cache가 더 이상 타입 체킹을 하지 않음

// Polyfill
function sleepSync(timeout) {
  const sab = new SharedArrayBuffer(1024);
  const int32 = new Int32Array(sab);
  Atomics.wait(int32, 0, 0, timeout);
}

웹 API로도 구현에 문제가 없고 쓸 데도 없어 보여서 지웠다 함...