<aside> 💡 리액트와 넥스트간의 차이점이 궁금해 아래의 블로그를 번역하게 되었습니다
</aside>
<aside> 💡 블로그글들과 넥스트 공식 문서의 짬뽕어쩌구…
</aside>
Next.js vs React: What are the differences?
Server-Side Rendering (SSR) Vs Client-Side Rendering (CSR)
넥스트와 리액트 무엇이 다를까?
리액트와 넥스트는 프론트 엔드 개발자들에게 가장 유명한 도구일 것입니다. 이 둘은사용자 인터페이스 즉 UI를 구축하는데 사용되는 표준 도구로 , 사용 하기에도 즐겁습니다.
우리는 넥스트의 특징을 확인하고, 리액트와 어떻게 비교 되며 프론트엔드 개발을 위한 견고하고, 빠른 프레임 워크로의 성능에 대해 알아보겠습니다.
일단 우리는, 리액트와 넥스트에 대한 근본적인 차이에 대해서 확인해 보아야 합니다.
넥스트는 리액트의 기능을 확장하고 개발 프로세스를 간소화하기 위해서 사용 되지만, 리액트는 넥스트를 이용하지 않아도 괜찮습니다.
리액트는 ESlint와 같은 도구가 포함된, 프로젝트를 세팅하는 데 사용되는 CRA라는 전용 프레임 워크가 존재합니다.
넥스트는 서버 사이드 렌더링 앱을 만드는, 리액트 기반의 프레임 워크 입니다. 여기서 리액트는 여전히 앱의 기반이지만, 구조나 navigational mechanisms(?) , 진행 방식은 넥스트에 의해서 정의 됩니다