React.JS vs Next.JS

리액트 JS는 CSR (Client Side Rendering)으로, 구동되는 방식은 하나의 페이지에 계속해서 상태값을 수정해나가며, 전환되는 척(?) 하는 방식이라고 보면 된다.

따라서, 초기에 실행 할 때, 전체 파일을 불러와야 하기 때문에, 비교적 로딩 시간이 걸린다. (앱에 유용함)

새로고침을 할 때, 화면이 깜빡이는 이유가 빈화면에 렌더링하기 때문이다.

Next JS는 SSR (Server Side Rendering)으로, 구동되는 방식은 고전적인 방식인 여러 페이지를 넘기는 방식으로 구동이 된다.

책장을 넘기 듯, 다른 페이지를 이동하면, 페이지의 모든 구성 요소가 새로 바뀌게 된다.

그래서, 단점으로 꼽히는, 넘기는 순간에 하얀색 페이지가 보이는 단점이 있다.

하지만, CSR에 존재하지 않는 SEO기능이 가능하기 때문에 검색시스템에 유용하다.

결론 : 각각의 장점이 있기 때문에, 상황에 맞춰서 적절히 활용한다! 둘다 합쳐도 가능!