Nest.js , Next.js , Nuxt.js 차이점

개발 오답 노트·2024년 11월 5일

개념정리

목록 보기
4/13
post-thumbnail

범용 JavaScript 프레임워크란 무엇인가요?

Nuxt와 Next는 "범용 JavaScript 프레임워크"로 설명됩니다. 무슨 뜻일까요? 글쎄요, 사실 범용 렌더링을 지원한다는 뜻일 뿐입니다.

Nuxt

Nuxt는 Vue를 기반으로 하는 범용 애플리케이션을 위한 프레임워크입니다. 서버 측 렌더링된 Vue 애플리케이션을 설정하기 위한 모든 구성을 처리합니다. 여기에는 webpack, babel 및 node에 대한 설정도 포함됩니다.

Nuxt는 정적으로 렌더링된 애플리케이션도 지원합니다.

Next

그리고 여기서 우리는 왜 이 이름들이 그렇게 비슷한지 알 수 있습니다. Next는 Nuxt가 하는 일을 하지만 React 애플리케이션에 대한 것입니다. React를 활용하는 범용 애플리케이션을 구축하기 위한 프레임워크입니다.

그러면 Nest는 어떤가요?

결국 Nest는 우리가 출발점을 보는 곳입니다. Nest는 Next와 Nuxt의 유사점이 전혀 아닙니다. 위에서 언급했듯이, 이 두 기술은 프런트엔드 서버 측을 가져오는 데 중점을 두고 있습니다. 게다가 각각 Vue와 React라는 특정 프런트엔드 프레임워크를 지원합니다. 반면 Nest는 프런트엔드 코드에 전혀 신경 쓰지 않는 서버 측 프레임워크입니다.

Nest의 목표는 백엔드를 빠르게 개발할 수 있도록 돕는 것입니다. JavaScript와 TypeScript를 모두 지원합니다. Nest는 프런트엔드와 관련이 없지만 Angular와 구조가 비슷하다고 설명되어 있습니다.

아마도 이 세 가지 기술을 파악하는 가장 좋은 방법은 Vue, React, Angular라고 생각하는 것일 겁니다!

Nest는 아웃 오브 박스 노드 애플리케이션 대신 주석, 모범 사례 폴더 구조 및 관련 개념을 도입합니다. Java용 Spring과 같은 기술을 사용한 적이 있다면 익숙할 수 있는 모든 추가 사항입니다.

이제 차이점을 알 수 있나요?

그럼, 이게 맞는지 확인해 봅시다.

Nuxt – 범용 렌더링을 지원하는 Vue 애플리케이션을 만드는 프레임워크

Next – 범용 렌더링을 지원하는 React 애플리케이션을 만드는 프레임워크

Nest – 추가 구조 및 지원을 갖춘 노드 애플리케이션 개발을 위한 프레임워크

profile
포토폴리오 https://wikidocs.net/book/10969 유튜브 링크 https://www.youtube.com/@%EC%B5%9C%EC%9B%90%EC%9D%BC-n5r

0개의 댓글