기대한 건 아니지만, 어쩌면 우리에게 필요한 것

하이라이트

• Remix v3는 React Router 개발자들이 만든 완전히 새로운 풀스택 JavaScript 프레임워크로, React와 독립적으로 작동합니다

• this.update를 통한 수동 UI 업데이트 방식을 채택하여 개발자가 렌더링 시점을 직접 제어할 수 있습니다

• useState나 훅 없이 일반 변수로 상태를 관리하며, 웹 브라우저의 네이티브 API와 프리미티브를 적극 활용합니다

• LLM(대형 언어 모델)이 쉽게 사용할 수 있도록 설계된 단순하고 표현력 있는 API를 제공합니다

• Shopify가 소유하고 있어 Shopify 스토어 구축을 위한 프레임워크로 활용될 가능성이 높습니다

• React 서버 컴포넌트의 간단한 대안을 제공하며 서버 사이드 렌더링과 hydration을 지원합니다

타임라인

1. 00:00 - 01:11

   Remix v3 소개와 개발자 배경

   새로운 풀스택 JavaScript 프레임워크 Remix v3가 공개되었습니다. 이 프레임워크는 Remix JS와 React Router를 만든 Ryan Florence와 Michael Jackson이 개발했습니다. 비록 대형 언어 모델이 기본적으로 React 앱을 자동 생성하는 시대이지만, 이들의 새로운 비전과 프로토타입은 주목할 만한 가치가 있습니다. 발표자는 이 프레임워크가 무엇인지, 왜 필요한지, 그리고 성공 가능성에 대한 의견을 공유하겠다고 밝힙니다.

2. 01:11 - 02:22

   Remix의 역사와 React Router와의 통합

   Remix는 원래 Next.js의 대안으로 만들어진 React 메타 프레임워크였습니다. Remix v2는 2022년에 출시되었으며, 2024년에 React Router와 본질적으로 합쳐졌습니다. 현재 React Router는 전통적인 라우팅 라이브러리로도 사용할 수 있지만, 프레임워크 모드로 전환하면 데이터 페칭, 로딩, 변경 기능을 포함한 풀스택 React 애플리케이션을 만들 수 있습니다. Remix가 React Router에 합쳐지면서 Remix 브랜드의 미래에 대한 의문이 생겼습니다.

3. 02:22 - 03:14

   Remix v3의 근본적인 변화: React로부터의 독립

   Remix v3는 React와 독립적인 완전히 새로운 풀스택 JavaScript 프레임워크가 될 것입니다. 더 이상 React 메타 프레임워크나 Next.js 대안이 아니라, Ryan Florence와 Michael Jackson이 처음부터 새로 작성한 프레임워크입니다. 이들은 자신들이 JavaScript 생태계에서 경험했던 문제들, 특히 React의 문제들을 해결하기 위해 원하는 모든 기능과 API를 담았습니다. 이는 기존 라이브러리와 프레임워크 환경의 한계를 극복하려는 시도입니다.

4. 03:14 - 05:14

   this.update: 수동 UI 업데이트의 핵심 개념

   Remix v3의 가장 중요한 특징 중 하나는 this.update입니다. 이는 두 가지 중요한 의미를 담고 있습니다: (1) 요즘 JavaScript 개발자들이 익숙하지 않은 this 키워드의 사용, (2) 개발자가 프레임워크에게 언제 화면을 업데이트할지 직접 알려줘야 한다는 점입니다. React의 setState처럼 자동으로 UI가 업데이트되는 것이 아니라, 일반 변수로 상태를 관리하고 this.update를 명시적으로 호출해야 UI가 다시 렌더링됩니다. 이 접근 방식은 일부 개발자들에게 논란이 되었지만, 복잡한 앱에서 무엇이 왜 업데이트되는지 명확하게 제어할 수 있다는 장점이 있습니다.

5. 05:14 - 08:41

   단순성과 LLM 친화성을 목표로 한 설계 철학

   Remix v3는 훅이 전혀 없으며, React의 useState 같은 특별한 상태 관리 도구가 필요하지 않습니다. 컴포넌트 함수는 계속 호출되지 않고, 두 가지 타입의 함수(stateful/stateless)로 구분됩니다. 프레임워크의 명확한 목표 중 하나는 대형 언어 모델(LLM)이 사용하기 쉬워야 한다는 것입니다. 기존 LLM들은 주로 React로 학습되었기 때문에, Remix는 단순하고 표현력 있는 API를 통해 문서나 예제를 컨텍스트로 제공하면 LLM이 코드를 생성할 수 있도록 설계되었습니다. 이는 인간 개발자뿐만 아니라 AI 코드 어시스턴트도 쉽게 사용할 수 있어야 한다는 철학을 반영합니다.

6. 08:41 - 10:15

   웹 네이티브 프리미티브 활용과 브라우저 API 사용

   Remix v3의 또 다른 핵심 목표는 웹 프리미티브와 최신 브라우저의 내장 기능을 적극 활용하는 것입니다. 네이티브 이벤트, 커스텀 이벤트 디스패치, abort signal 등 브라우저에 이미 내장된 API들을 사용합니다. 많은 웹 개발자들이 최신 브라우저가 제공하는 기능들을 충분히 활용하지 못하고 있다는 인식에서 출발했습니다. DOM과 브라우저가 제공하는 API를 깊이 이해하면 추가적인 서드파티 라이브러리 없이도 많은 것을 구현할 수 있습니다. 이러한 접근은 프레임워크를 단순하게 유지하면서도 강력한 기능을 제공하는 전략입니다.

7. 10:15 - 12:34

   컴포넌트 구조: Stateful vs Stateless 함수

   Remix v3는 여전히 함수로 컴포넌트를 만들고 JSX를 사용하지만, React와는 다른 방식으로 작동합니다. 2017년 React의 클래스 기반 컴포넌트와 함수형 컴포넌트 구분과 유사하게, Remix도 stateful과 stateless 컴포넌트를 구분합니다. JSX를 직접 반환하는 함수는 stateless 컴포넌트로, 내부에서 this.update를 호출할 수 없습니다. 반면 JSX를 반환하는 함수를 반환하는 컴포넌트는 stateful이 되어 this.update로 리렌더링을 트리거할 수 있습니다. 이는 매우 간단한 API로 두 타입의 컴포넌트를 명확하게 구분하는 방법입니다.

8. 12:34 - 14:41

   풀스택 프레임워크로서의 백엔드 기능

   Remix v3는 단순한 프론트엔드 프레임워크가 아니라 풀스택 프레임워크를 목표로 합니다. React Router 개발 경험을 바탕으로 매우 강력한 라우터를 제공하며, 라우트에서 JSX 코드와 Remix 컴포넌트를 반환할 수 있습니다. React 서버 컴포넌트에 대한 더 간단한 대안을 제시하여, 서버에서 hydrate되고 클라이언트에서도 업데이트될 수 있는 컴포넌트를 만들 수 있습니다. 예를 들어 무언가를 삭제할 때 서버로 요청을 보내 일부 HTML을 받아 DOM의 일부만 업데이트할 수 있습니다. Next.js나 TanStack Start 같은 다른 풀스택 프레임워크들과 유사한 기능을 제공하지만, 더 간단한 방식으로 구현됩니다.

9. 14:41 - 16:01

   새로운 프레임워크의 필요성에 대한 고찰

   과연 우리에게 또 다른 JavaScript 프레임워크가 필요할까요? 이미 많은 프레임워크가 존재하고 너무 많다는 의견도 있지만, 발표자는 혁신과 새로운 아이디어 시도는 항상 가치 있다고 생각합니다. 단순히 React와 작은 차이만 있는 프레임워크는 필요하지 않지만, 수동 업데이트 트리거와 같은 완전히 새로운 접근 방식은 시도해볼 가치가 있습니다. React는 훌륭하지만 수년에 걸쳐 꽤 복잡해졌기 때문에, Remix가 더 간단한 대안을 제공할 수 있을 것으로 기대됩니다.

10. 16:01 - 18:52

    성공 가능성 분석: AI 시대와 Shopify의 역할

    Remix v3의 성공 가능성은 여러 요인에 달려 있습니다. AI와 LLM 시대에 대부분의 모델이 기본적으로 React를 추천하지만, 경험 많은 개발자들은 더 간단한 코드베이스를 원할 수 있습니다. 개발자들은 여전히 코드를 다루고 LLM을 제어하며 일부 코드를 직접 작성하므로, 기술 스택에 여전히 관심을 갖습니다. Remix가 LLM과 함께 사용하기 쉽고 충분한 리소스를 제공한다면 성공 가능성이 있습니다. 중요한 점은 Remix가 Shopify에 속해 있다는 것입니다. Shopify는 2022년에 Remix 팀을 인수했으며, Shopify 판매자들이 맞춤형 상점을 쉽게 구축할 수 있는 프레임워크로 Remix를 활용할 가능성이 높습니다.

11. 18:52 - 19:32

    결론: 미래에 대한 긍정적 전망

    발표자는 Remix의 미래에 대해 상당히 긍정적입니다. Shopify의 지원, 작지만 열정적인 커뮤니티, React Router 개발을 통해 입증된 팀의 실적 등이 그 근거입니다. 경쟁이 치열한 시장이지만 성공의 타당한 기회가 있다고 평가합니다. 발표자는 실제로 사용해볼 수 있게 되기를 기대하며, 시청자들에게도 Remix v3가 필요한지, 성공할 것 같은지에 대한 의견을 공유하고 더 배우고 싶다면 4시간 분량의 전체 컨퍼런스를 시청할 것을 권장합니다.