NODEJS 101 - NODE JS 프로젝트 설정

Node.js는 개발자가 JavaScript를 사용하여 서버측 애플리케이션을 구축하고 실행할 수 있는 오픈 소스, 교차 플랫폼, 백엔드 JavaScript 런타임 환경입니다. 2009년 Ryan Dahl에 의해 만들어졌으며 이후 웹 애플리케이션 및 네트워크 서비스 구축을 위한 인기 있는 플랫폼이 되었습니다.

Node.js는 Google Chrome 브라우저에서 사용하는 V8 JavaScript 엔진 위에 구축되어 서버 측에서 JavaScript 코드를 실행할 수 있습니다. 이를 통해 개발자는 웹 애플리케이션의 프런트엔드와 백엔드 모두에 대해 동일한 언어와 코드베이스를 사용할 수 있으므로 효율성이 향상되고 개발 시간이 단축될 수 있습니다.

오늘 블로그에서는 노드 js 프로젝트 코딩을 시작하기 위해 설정하는 단계별 방법을 살펴보겠습니다.

디렉토리 만들기

첫 번째 단계는 코드가 상주할 새 디렉토리를 만드는 것입니다. 이를 위해 명령(Linux 터미널을 사용하는 경우)을 사용할 것입니다. mkdir <name of your project>저는 NodeTutorial이라고 부릅니다.

그런 다음 방금 만든 NodeTutorial 디렉터리로 cd합니다.cd <name of your project

NPM 초기화

npm init우리 프로젝트의 새 파일을 만들기 위해 nodejs에서 사용되는 명령입니다 package.json. 이 파일은 이름, 버전, 설명, 작성자, 라이센스, 종속성 등과 같은 프로젝트에 대한 정보가 포함된 메타데이터 파일입니다.

스스로에게 물어볼 첫 번째 질문은 이 파일이 필요한 이유입니다. 왜 생성해야 합니까?

1. 종속성 관리 - 이 파일에는 모든 종속성(프로젝트를 실행하는 데 필요한 라이브러리 및 모듈)이 나열됩니다.
2. VERSION CONTROL - 프로젝트 버전, 작성자, 라이센스 및 기타 메타데이터에 대한 정보가 포함되어 있습니다. 이 정보는 프로젝트의 변경 사항을 추적하고 다양한 버전을 관리하는 데 도움이 되므로 Git과 같은 버전 제어 시스템에 유용할 수 있습니다.
3. 자동화 - 많은 자동화된 도구 및 서비스는 package.json테스트, 빌드 및 배포와 같은 작업을 수행하기 위해 파일에 의존합니다. 예를 들어 CI(연속 통합) 도구는 package.json파일을 사용하여 실행할 테스트 또는 설치할 종속성을 결정할 수 있습니다.
4. 구성 - package.json파일을 사용하여 실행할 수 있는 사용자 지정 스크립트를 정의하는 데 사용할 수도 있습니다 npm run <script-name>. 이러한 스크립트는 코드 컴파일, 테스트 실행 또는 서버 시작과 같은 작업에 사용할 수 있습니다. 이를 통해 개발자는 다른 개발자가 쉽게 실행할 수 있는 프로젝트에 대한 사용자 지정 워크플로를 정의할 수 있습니다.

실행하면 npm init몇 가지 질문을 할 것입니다. 이미 생성된 경우 언제든지 돌아와서 편집할 수 있으므로 비워 둘 수 있습니다.

Enter 키를 계속 누르고 기본값으로 두십시오. 이 명령은 명령을 실행할 때 아래 스크린샷에서 볼 수 있듯이 package.json 파일을 생성했을 것입니다.

여기에서 우리 프로젝트는 노드 프로젝트를 위해 이미 설정되어 있습니다. 한 가지만 더 수행하면 템플릿 언어를 정의할 수 있습니다. 당신이 묻는 템플릿 엔진은 무엇입니까?

템플릿 엔진

템플릿 엔진은 템플릿 또는 템플릿 세트를 기반으로 HTML 또는 기타 마크업을 동적으로 생성하기 위해 웹 개발에 사용되는 도구입니다. 템플릿은 페이지의 구조와 레이아웃을 정의하고 템플릿 엔진은 템플릿을 데이터로 채워 브라우저로 보낼 수 있는 최종 출력을 생성합니다.

인기 있는 nodejs 템플릿 엔진에는 다음이 포함됩니다.

1. 핸들바: Mustache 스타일 구문을 사용하는 간단하고 유연한 템플릿 엔진입니다.
2. EJS: HTML 템플릿 내에 JavaScript 코드를 작성할 수 있도록 하는 임베디드 JavaScript 템플릿.
3. Pug(이전의 Jade): 들여쓰기를 사용하여 템플릿의 구조를 정의하는 깨끗하고 간결한 템플릿 엔진입니다.
4. Nunjucks: 매크로, 필터 및 상속과 같은 기능을 포함하는 강력한 템플릿 엔진입니다.

객체를 마무리하고 HTTP 응답을 클라이언트에 보낼 수 있도록 ejs(express)를 설치할 것입니다.

NPM 설치

위에서 이야기한 종속성을 기억하십니까? 종속성은 모든 코드를 처음부터 작성하지 않고도 응용 프로그램에 기능을 추가할 수 있는 외부 라이브러리 및 모듈을 제공하기 때문에 Node.js 프로젝트에 필요합니다.

빠른 템플릿 엔진을 설치할 것입니다.npm install express

이 디렉토리를 찾으면 새 파일과 폴더가 추가된 것을 볼 수 있습니다.

여기에서 클라이언트에게 간단한 페이지를 제공할 것입니다.

index.js 파일을 만들고 다음 코드를 붙여넣습니다.

#index.js
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello, multiverse!');
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

서버가 포트 3000에서 시작되었습니다. 브라우저에서 이 URL을 방문하면 다음과 같이 표시되고 hello multiverse 라인이 표시되는 것을 볼 수 있습니다. URL은 `http://localhost:3000/

이것으로 NODEJS 101 수업을 마쳤습니다. 잠시 시간을 내어 이정표 달성을 축하해 주세요!

차오!