[Korean FE Article] Remix는 무엇이고 Next.js와 어떻게 다른가요?
소개
서버사이드 렌더링(SSR) 자바스크립트 프로젝트를 만드는 프레임워크인 Remix에 대한 글입니다. Remix는 오픈소스가 된지 얼마 되지 않았지만 개발자들과 사용자들의 커뮤니티가 활발하게 성장하고 있습니다. 이번 기회에 Remix가 무엇인지 주요 기능과 개념을 살펴보고, Next.js와는 어떤 것이 비슷하고 다른지 확인해 보시는 것은 어떠신가요?
tl;dr
Remix가 무엇인가요?
공식 웹사이트에 따르면, Remix는 개발자들이 웹 표준에 초점을 맞춘 훌륭한 사용자 경험을 만들 수 있도록 해주는 엣지 우선(edge-first) 풀 스택 프레임워크입니다.
Remix의 주요 기능
라우트: 웹 프로젝트의 다양한 라우트를 핸들러 함수를 포함하고 있는 자바스크립트/타입스크립트 파일을 통해 관리할 수 있도록 제공합니다.
중첩된 컴포넌트: 중첩된 페이지와 컴포넌트를 관리할 수 있습니다.
이외: 에러 핸들링, 폼, Loaders와 Actions
Remix와 Next.js는 무엇이 다른가요?
React를 기반으로 한 프레임워크: 두 프레임워크 모두 React를 기반으로 만들어졌으나 Remix는 React로부터 분리하려하며 다른 프레임워크를 사용한 구현도 진행중에 있습니다.
이외: 서버사이드 렌더링, 정적 사이트 생성 등