프론트엔드의 개념을 정리해보자
-
계기
: 리액트를 공부하면서 일단 프로젝트로 부딪히던 내게 개념의 근간이 부족하다는 사실이 꽤 충격적으로 다가왔다.
예를 들면 프로젝트에 대해 설명할 때, 내 코드에 대해 설명이 부족하다는 걸 스스로 느꼈을 때 개념에 대해 조금 더 무지하구나.. 라고 깨달았다. -
백엔드, 풀스택. 더 나아가 클라우드에 관심이 생기다
: DB를 공부하고, 프로젝트를 경험하며 내 분야가 아니라 다양하게 공부하고 싶어졌음.. 다양한 지식으로 가능한 피드백은 질이 다르다.
Next.js와 Nest.js, Node.js는 뭐가 달라?
일단 본론으로 바로 들어가보자.
1. Next.js
Next.js는 React 기반의 웹 프레임워크로, React 애플리케이션을 더 쉽게 구축할 수 있도록 도와주는 도구입니다. 주로 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), API 라우팅 및 파일 시스템 기반의 라우팅과 같은 기능을 제공하여 개발자가 보다 효율적으로 웹 애플리케이션을 개발할 수 있도록 돕습니다.
2. Nest.js
Nest는 백엔드 애플리케이션의 개발을 위한 프레임워크로서, TypeScript와 JavaScript를 사용하여 구축할 수 있습니다. Nest 프레임워크는 모듈, 컨트롤러, 서비스 등을 사용하여 응용 프로그램을 구성하고 구성할 수 있도록 지원합니다. 주로 서버 측 애플리케이션을 개발하는 데 사용됩니다.
3. Node.js
Node.js는 JavaScript 런타임 환경으로, 주로 서버 측 애플리케이션 개발에 사용됩니다. Node.js는 Chrome V8 JavaScript 엔진 위에 구축되어 있으며, 비동기식 이벤트 기반의 서버 측 JavaScript 코드를 실행할 수 있도록 해줍니다. Node.js를 사용하여 웹 서버를 만들거나 파일 시스템과 상호 작용하거나 데이터베이스와 통신하는 등의 작업을 수행할 수 있습니다.
한줄 정리
백엔드 프레임워크 : Nest.js, Node.js
프론트엔드 프레임워크 : Next.js (리액트 기반)
추가로 생긴 질문
그럼 Nest.js와 Node.js는 뭐가 다름??
프레임워크 vs. 런타임 환경
"Nest"는 백엔드 애플리케이션을 구축하기 위한 프레임워크로, 개발자에게 애플리케이션의 구조화와 구성을 위한 도구와 지침을 제공합니다. Nest는 모듈, 컨트롤러, 서비스 등의 구성 요소를 제공하여 애플리케이션을 조직화하고 개발자가 코드를 보다 구조적으로 작성할 수 있도록 돕습니다.
"Node"는 JavaScript 코드를 실행할 수 있는 런타임 환경으로, 주로 서버 측 애플리케이션을 개발하기 위해 사용됩니다. Node.js는 비동기식 이벤트 기반의 프로그래밍 모델을 사용하여 I/O 작업을 효율적으로 처리할 수 있도록 지원합니다.
애초에 타입스크립트 / 자바스크립트를 쓰는 것도 다른데, 프레임워크랑 런타임 환경이라는 것 자체부터가 다른 것..
일단 이런 게 있구나~ 하고 넘긴 다음 나머지 용어들도 차차 정리해보겠다.
++
Jest라는 것도 있다
Jest는 Facebook에서 개발한 JavaScript 테스트 프레임워크입니다. 주로 JavaScript 프로젝트의 단위 테스트, 통합 테스트, 또는 스냅샷 테스트 등을 작성하기 위해 사용됩니다.
또한, Jest는 주로 프론트엔드 및 백엔드 JavaScript 애플리케이션의 테스트를 위해 사용되지만, 프론트엔드에서만 사용되는 것은 아닙니다. Jest는 JavaScript 코드의 단위 테스트, 통합 테스트, 스냅샷 테스트 등을 작성하기 위해 사용됩니다. 이는 백엔드와 프론트엔드 모두에서 사용 가능한 범용적인 테스트 도구입니다.
제스트는 약간 테스트를 하기 위한 도구라고 생각하면 될 것,, 백엔드/프론트엔드 구분없이 쓴다는 게 엄청난 메리트로 보임..!!
