본문 바로가기

개발/Node.JS

Node Hero- Node.js 튜토리얼 시작하기

Node Hero 라는 곧 출시 될 Node.js 튜토리얼 시리즈의 첫 번째 게시물입니다. 이 장에서는 Node.js를 시작하고이를 사용하여 소프트웨어 제품을 제공하는 방법을 배울 수 있습니다.

업데이트 : Node Hero의 후속편으로 Scale에서 Node.js 라는 새로운 시리즈를 시작했습니다 더 자세한 기사에 관심이 있다면 확인해보십시오!

우리는 처음부터 Node.js를 사용하여 배울 것입니다 - 사전 지식이 필요하지 않습니다. 이 시리즈의 목표는 Node.js를 시작하고이를 사용하여 응용 프로그램을 작성하는 방법을 이해하도록하기위한 것이므로 명확하지 않은 점이 있으면 주저하지 말고 문의하십시오.

이 첫 번째 Node.js 튜토리얼에서는 Node가 무엇인지, 컴퓨터에 설치하는 방법 및 시작 방법을 배울 것입니다. 따라서 다음 번에는 실제 개발을 할 수 있습니다. 시작하자!

Node.js 란 무엇입니까?

  • Node.js는 오픈 소스 프레임 워크입니다.
  • Node.js는 서버 측 및 네트워킹 응용 프로그램을 개발하기위한 크로스 플랫폼 런타임 환경입니다.
  • Node.js는 Chrome의 V8 자바 스크립트 엔진을 기반으로 작성된 자바 스크립트 런타임입니다.
  • Node.js는 가볍고 효율적인 이벤트 구동 비 차단 I / O 모델을 사용합니다.
  • Node.js는 비동기 입출력에 초점을 맞춘 다중 플랫폼 지원 라이브러리 인 libuv를 사용합니다.

노드 영웅의 node.js 로고 튜토리얼 시작하기
공식 Node.js 로고

다시 말해, Node.js는 놀라운 성능으로 JavaScript를 사용하여 서버를 작성할 수있는 가능성을 제공합니다. 공식 성명서에 따르면 Node.js는 Google 크롬 브라우저에서 찾을 수있는 것과 동일한 V8 Javascript 엔진을 사용하는 런타임입니다. 그러나 Node.js의 성공을 위해서는 충분하지 않습니다. Node.js는 비동기식 I / O에 초점을 맞춘 다중 플랫폼 지원 라이브러리 인 libuv 를 사용합니다.

개발자의 관점에서 볼 때 Node.js는 단일 스레드입니다.하지만 libuv는 스레딩, 파일 시스템 이벤트 처리, 이벤트 루프 구현, 스레드 풀링 기능 등을 처리합니다. 대부분의 경우 직접 상호 작용하지 않습니다.

노드 영웅의 libuv 로고 튜토리얼 시작하기
공식 libuv 로고

Node.js를 사용하는 이유는 무엇입니까?

  • Node.js를 사용하면 개발자는 프런트 엔드 및 백엔드에서도 Javascript를 사용할 수 있습니다. 모든 개발자는 전체 스택에서 어떤 일이 일어나고 있는지 이해할 수 있으며 필요한 경우 변경할 수 있습니다.
  • Node.js는 처리량이 많은 서버 측 응용 프로그램을 개발할 수있는 완벽한 도구입니다.
  • Node.js는 완벽하게 확장되므로 인프라 비용을 절감하는 데 도움이됩니다.
  • 오픈 소스 기술이기 때문에 즉시 사용할 수있는 동적 도구 및 모듈 (npm)의 공유 저장소를 제공합니다.

시작하기 위해 Node.js 설치하기

최신 Node.js 바이너리를 얻으려면 공식 Node.js 웹 사이트 ( https://nodejs.org/en/download/)를 방문 하십시오 .

이 접근법을 사용하면 시작하기가 매우 쉽습니다. 그러나 나중에 Node.js 버전을 추가하려는 경우 노드 버전 관리자 인 nvm을 사용하는 것이 좋습니다 .

설치가 끝나면 다음과 상호 작용할 수있는 매우 간단한 CLI API를 사용할 수 있습니다.

Node.js 버전 설치

nvm install 4.4

그런 다음 실험 버전을 확인하려면 다음 단계를 따르십시오.

nvm install 5

Node.js가 실행 중인지 확인하려면 다음을 실행하십시오.

node --version

모든 것이 정상이면 현재 활성화 된 Node.js 바이너리의 버전 번호를 반환합니다.

Node.js 버전을 사용하는 방법

Node.js v4를 지원하는 프로젝트에서 작업하는 경우 다음 명령을 사용하여 시작할 수 있습니다.

nvm use 4

그런 다음 매우 동일한 명령으로 Node.js v5로 전환 할 수 있습니다.

nvm use 5

이제 Node.js를 설치하고 버전간에 전환하는 방법을 알았습니다.하지만 요점은 무엇입니까?

Node.js는 Node.js 기반이 형성되어 출시 계획을 가지고 있습니다. Linux Foundation의 다른 프로젝트와 매우 비슷합니다. 즉, 안정 릴리스와 실험 릴리스의 두 가지 릴리스가 있음을 의미합니다. Node.js에서 LTS (Long Term Support)가있는 안정 버전은 짝수 (4, 6, 8 ...)로 시작하고 실험 버전은 홀수 (5, 7 ...)입니다. 제작 과정에서 LTS 버전을 사용하고 실험적으로 새로운 것을 시험해 보는 것이 좋습니다.

Windows 사용자 인 경우 nvm : nvm-windows에 대한 대안 이 있습니다 .

Node.js 튜토리얼 : Hello World

Node.js를 시작하려면 터미널에서 해보자. 다음을 입력하여 Node.js를 시작하십시오 node.

$ node
>

좋아, 인쇄 해보자.

$ node
> console.log('hello from Node.js')

일단 당신이 명중하면 Enter, 당신은 이것 같이 무언가를 얻을 것이다 :

> console.log('hello from Node.js')
hello from Node.js
undefined

이 인터페이스를 사용하여 Node.js를 자유롭게 사용하십시오. 파일에 넣지 않으려면 여기에서 작은 스 니펫을 시도해보십시오.


Hello Node.js 애플리케이션을 만들 차례입니다!

라는 파일을 만드는 것으로 시작하겠습니다 index.jsIDE (Atom, Sublime, Code - 이름)를 열고 새 파일을 만들고 이름과 함께 저장하십시오 index.js이 작업을 마치면 다음 스 니펫을이 파일에 복사하십시오.

// index.js

console.log('hello from Node.js')

이 파일을 실행하려면 터미널을 다시 열고 index.js를 배치 한 디렉토리로 이동해야합니다.

올바른 위치로 성공적으로 이동하면 node index.js명령을 사용하여 파일을 실행하십시오 이전과 동일한 출력을 생성한다는 것을 알 수 있습니다. 문자열을 터미널에 직접 인쇄합니다.

Node.js 응용 프로그램의 모듈화

이제 index.js파일 을 가지고 있으므로 게임 레벨을 올릴 시간입니다! 가독성과 유지 보수성을 위해 소스 코드를 여러 개의 JavaScript 파일로 분할하여 좀 더 복잡한 것을 만들어 보겠습니다. 시작하려면 IDE (Atom, Sublime, Code - 이름)로 돌아가 다음과 같은 디렉토리 구조를 만듭니다 (빈 파일 있음).하지만 package.json지금 은 빠져 나가십시오. 다음 단계에서 자동으로 생성합니다 :

├── app
|   ├── calc.js
|   └── index.js
├── index.js
└── package.json

모든 Node.js 프로젝트는 package.json파일 을 만드는 것으로 시작 합니다. 응용 프로그램과 그 의존성에 대한 JSON 표현이라고 생각할 수 있습니다. 여기에는 응용 프로그램 이름, 작성자 (사용자) 및 응용 프로그램을 실행하는 데 필요한 모든 종속성이 포함됩니다. 나중에 Node Hero 의 Using NPM 장 에서 종속성 섹션을 다룰 것 입니다.

터미널 package.json의 npm init명령을 사용하여 대화식으로 파일을 생성 할 수 있습니다 입력을 마친 후에는 응용 프로그램의 이름, 버전, 설명 등과 같은 몇 가지 정보를 입력하라는 메시지가 표시됩니다. 걱정할 필요가 없습니다. JSON 스 니펫과 질문을 얻을 때까지 enter를 누르십시오 is it ok?지난 번에 한 번 들어 와서 짜잔. 귀하 package.json의 애플리케이션이 자동으로 생성되어 애플리케이션의 폴더에 저장됩니다. IDE에서 해당 파일을 열면 아래 코드 스 니펫과 매우 유사하게 보입니다.

{
  "name": "@risingstack/node-hero",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node index.js"
  },
  "author": "",
  "license": "ISC"
}

start스크립트 를 추가하는 것이 좋습니다. package.json위의 예와 같이 스크립트를 작성한 후에는 npm start명령을 사용 하여 응용 프로그램을 시작할 수도 있습니다. PaaS 공급자에게 응용 프로그램을 배포하고자 할 때 유용합니다. 응용 프로그램을 인식하고이를 사용하여 응용 프로그램을 시작할 수 있습니다.

이제 호출 한 첫 번째 파일로 돌아가 보겠습니다 index.js이 파일은 매우 얇게 유지하는 것이 좋습니다 - 응용 프로그램 자체 만 필요합니다 ( /app이전에 만든 하위 디렉토리 의 index.js 파일 ). 다음 스크립트를 index.js파일에 복사하고 save를 눌러이 작업을 수행하십시오.

// index.js

require('./app/index')

이제 실제 Node.js 애플리케이션을 빌드 할 차례입니다. /app폴더 에서 index.js 파일을 열어 매우 간단한 예제를 만듭니다. 숫자 배열을 추가합니다. 이 경우 index.js파일에는 추가하려는 숫자 만 포함되며 계산을 수행하는 논리는 별도의 모듈에 배치해야합니다.

이 스크립트를 디렉토리 의 index.js파일에 붙여 넣으십시오 /app.

// app/index.js
const calc = require('./calc')

const numbersToAdd = [
  3,
  4,
  10,
  2
]

const result = calc.sum(numbersToAdd)
console.log(`The result is: ${result}`)

이제 실제 비즈니스 로직을 calc.js같은 폴더에서 찾을 수있는 파일에 붙여 넣으십시오 .

// app/calc.js
function sum (arr) {
  return arr.reduce(function(a, b) { 
    return a + b
  }, 0)
}

module.exports.sum = sum

당신이 성공 원하는 경우, 확인이 파일을 저장 터미널을 열고 다음을 입력합니다 npm start또는 node index.js모든 일을 제대로했다면 답을 얻을 수 있습니다 : 19. 잘못되어 있으면 콘솔 로그를 신중하게 검토하고 그 사실을 바탕으로 문제를 찾으십시오.


Node.js 시작하기 자습서 요약

노드 히어로의 첫 번째 장에서 우리는 Node.j를 학습하는 데 필요한 모든 것을 다뤘습니다. Node.js를 설치 한 다음 Hello World 응용 프로그램을 만드는 방법을 확인했습니다. 그런 다음 Node.js 코드에 모듈화를 도입하여 게임을 완성했습니다.