[Korean FE Article] 두 대의 컴퓨터를 위한 리액트

글 링크 : https://imnotadevleoper.tistory.com/363

소개

이 글은 React Server Component에 대한 저자의 깊이 있는 사고를 담고 있습니다. 이 글은 원래 React Conf에서 발표된 강연을 기반으로 하며, 저자가 12번의 초안을 거쳐 결국 글보다는 강연 형태로 표현하게 된 복잡한 주제를 다룹니다.

글의 핵심은 HTML 태그와 JavaScript 함수 호출의 근본적인 차이점에서 시작됩니다. 저자는 태그가 "청사진”의 성격을 가지는 반면, 함수 호출은 "레시피"와 같은 순차적 실행을 나타낸다고 설명합니다. 이러한 관점에서 선언형 프로그래밍과 명령형 프로그래밍의 차이를 명확히 구분하며, React Server Component가 이 두 패러다임을 어떻게 조화시키는지 보여줍니다.

특히 "Early World"와 "Late World"라는 개념을 통해 서버와 클라이언트에서 실행되는 코드의 역할을 구분하고, 각각의 실행 환경에서 컴포넌트들이 어떻게 동작하는지 설명합니다.

React Server Component의 동작 원리와 설계 철학을 이해하고 싶은 개발자들에게 유용한 내용입니다.

목차

• 제1막

  • 레시피 및 청사진

  • Await 및 RPC

  • 혹시 전화 줄래? (Call Me Maybe)

  • 함수 분할 (Splitting a Function)

  • 양쪽의 태그 (Tags on Both Sides)

  • 2대의 컴퓨터

  • 시간이 반격을 가하다 (Time Strikes Back)

  • 치명적인 결함

  • 새로운 희망

  • 임베딩(embedding)과 속성 검사(introspecting)

  • 생각하고 실행하기

• 제2막

  • The Reader and the Writer

  • 코드와 데이터

  • 시간과 공간

  • 두 세계

  • 간격(gap)을 주의하기

  • A Door

  • 대청소

  • 더 많은 대청소

  • 앞 세계와 뒷 세계의 컴포넌트

  • 도넛

  • 합성

  • 꿈의 연속

• 에필로그