React vs Next.js

최근 들어 Next.js의 점유율이 빠르게 높아지면서 많은 회사들이 신규 프로젝트와 협업 환경에서 Next.js를 적극적으로 도입하고 있다.

​

하지만 기본 React 또한 여전히 널리 사용되는 대표적인 프론트엔드 라이브러리인데 React에서 파생된 Vite등

CRA가 거의 사망한 지금 더 가볍고 빠르게 개발할 수 있는 환경들도 다양하게 제공되고 있는데

​

그렇다면 이런 기술들 사이에서 React와 Next.js는 어떤 차이를 가지고 있길래 Next.js가 자주 쓰일까

​

일단 내가 들은 바로는 Next.js는 프론트인데도 SSR이 내장되어 있어서 나도 오늘부터 풀스택? 이라고 알고 있다.

​

일단 첫번째 차이점

 

 

이거다.

자 전자는 React 후자는 Next.js

일단 보자 React는 뷰 즉, 애니메이션에서 캐릭터와 배경을 그리는 판떼기

Next.js는 애니 + 스토리 + 연출 + 음향 + 상영관까지 다 갖춘 제작 시스템

​

React 혼자서는 뷰만 담당하기 때문에 라우팅, SSR, API, 최적화 등은 외부에 의존해야되지만

Next.js는 이런 것들이 이미 프레임워크 안에 갖춰져 있다.

​

이렇게 하면 좀 와닿지 않나 싶다.

​

​

두번째

​

아까도 말했다 싶이 랜더링의 차이점이다. SSR이 내장되어있어서 나도 혹싀 라는 생각의 풀스택을 꿈 꿀 수 있다.

라우팅 또한 이 놈은 내재되어있어서 easy하다 볼 수 있다.

일일히 치지않아도 되는 아주 편리한 녀석이다.

​

자 그러면 기업들이 이 녀석을 쓰는 이유가 협업 부분만이 아니라

SEO 검색 면에서도 우위이다.

React는 처음엔 화면이 비어 있고 나중에 JS가 채워주기 때문에 검색엔진이 내용을 늦게 읽고

Next.js는 서버에서 미리 화면을 만들어서 보내기 때문에 검색엔진이 내용을 바로 읽을 수 있다.

그니까 이미 준비된 녀석이다.

​

이런면에서 보면 트래픽을 중요시 여기는 기업에서는 무조건 next.js를 택할 수 밖에 없다 생각한다.

​

흠 일단 찾아본 정보는 이리한데 정확한지는 해보면서 알아봐야겠다.

​

정리하자면 협업이든 뭐든간에 외부에서 next.js가 많이 기용될 수 밖에 없는 것 같다 그냥.