프레임워크 vs 라이브러리

라이브러리 : 유저가 필요하면 라이브러리를 불러옴
프레임워크 : 프레임워크가 필요하면 라이브러리를 불러옴

React 기반 프레임워크

NextJS, Remix, Gatsby

정해진 규칙에 따라 파일을 만든다.
클라이언트 사이드 렌더링 문제가 있다. 유저가 웹사이트로 이동을 한 후 js를 다운받고 React가 UI를 빌드한다. 따라서 시간이 많이 걸리거나 js를 컴파일하지 못 할 수도 있다.

공통

Gatsby

빌드할 때 js를 html로 미리 변환한다. 유저가 웹사이트에 들어가면 이를 보여줘 빠르게 실행한다.
plugin이 많다. plugin을 이용하여 데이터를 애플리케이션에 넣을 수 있다.(html로 변환하기 전에!)
인터랙티브 페이지, 정적 페이지, 미리 생성된 웹사이트를 만들 때 Gatsby가 좋다!

Remix

최근에 나온 프레임워크이다.
프로젝트를 생성할 때 서버를 선택한다. 서버(백엔드)에서 페이지를 렌더링하고 결과물을 유저에게 보여준다.
서버에서 작동하기 때문에 데이터베이스에 직접 접속 할 수 있다. API url등을 사용하지 않기 때문에 보안성이 높다.
데이터를 가져오고 보내기 쉽다.

NextJS

NextJS는 Gatsby처럼 정적 사이트를 생성할수도, Remix처럼 서버에서 데이터를 처리할 수도 있다.