본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


Node.js/Node.js Tutorial

Nodejs 튜토리얼 - 1 (설치)

야근없는 행복한 삶을 위해 ~
by 마샤와 곰 2019. 8. 27.

 

 

Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다.

* 위키 백과

Node.js라는 언어가 요즘 핫한 언어로 뜨고 있다. 2013년도에 나와서 이제 5~6년밖에 되지 않은 언어임에도 불구하고 많은 사랑을 받고 있다.

이번 튜토리얼에서는 Node.js를통한 기본부터 웹 개발까지 나열해 보려 한다.

 

Node.js를 하기 위해서는 먼저 Node.js를 다운받아 설치해야 한다.

아래 사이트를 통해서 다운로드를 받자.

https://nodejs.org/ko/download/

 

다운로드 | Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

본인에게 맞는 버전을 다운 받자.

아마도 대부분의 컴퓨터가 64-bit 로 되어있으니 64-bit 버전을 받으면 된다. .msi로 된 파일을 받으면 클릭 몇번에 바로 설치가 가능 하다.

 

다음으로 개발도구는 vs코드를 받도록 하자.

https://code.visualstudio.com/docs/?dv=win

 

Documentation for Visual Studio Code

Find out how to set-up and get the most from Visual Studio Code. Optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

정말 좋다. 무료이다!

 

설치방법은 클릭해서 다음 - 다음 - 다음.. 순으로 진행하면 된다.

굳이 설치되는 장소를 바꾸거나 변경할 필요가 없다.

Node.js 설치되는 모습
vs코드 설치되는 모습

 

위 2개가 설치가 다 되었으면 개발도구를 실행하여 보자.

까망색 화면이 보인다.

다음으로는 내가 개발할 장소를 선택해야 한다. 아래 단계를 따르자.

 

1. 개발할 장소를 선택한다. 여기서는 D드라이브의 study라는 폴더를 만들었다.

d드라이브에 study라는 폴더를 만들었다.

 

2. 맨 위의 "파일 - 폴더열기" 를 선택하여 내가만든 폴더를 선택하여 준다.

내가만든 폴더를 선택한다.

3. 선택이 완료되면 vs코드가 껏다가 다시 켜 지는데, 그 이후에 Ctrl + ~ 키를 눌러서 콘솔창을 띄운다.

콘솔창을 켜자. 만약 콘솔창이 아무것도 표시가 안되면 엔터를 치면 해당 디렉토리 명이 보인다.

 

여기까지 하였다면 벌써 개발준비가 끝난 것 이다.

그럼 이제 테스트를 해 보기 위해 파일을 만들어 보자. 파일이름은 test.js로 한다.

요 버튼을 누르면 된다.

파일을 만든뒤에 아래 코드를 복사해서 넣어본다.

복사해서 넣은뒤에 저장버튼(Ctrl + s)을 눌러준다.

var text = 'Hello';
console.log(text);

위 내용까지 입력이 완료 되었다면 콘솔창에서 아래 명령어를 입력해 본다.

node test.js

Hello 라는 값이 출력이 되었다.

일단 여기까지가 오늘의 할일이다.

왜 저러한 내용이 출력이 되었는지와 복사해서 넣은 내용에 대해서는 다음시간에 알아보도록 하자.

반응형

'Node.js > Node.js Tutorial' 카테고리의 다른 글

Nodejs 튜토리얼 - 2 (변수)  (0) 2019.08.30
* 위 에니메이션은 Html의 캔버스(canvas)기반으로 동작하는 기능 입니다. Html 캔버스 튜토리얼 도 한번 살펴보세요~ :)
* 직접 만든 Html 캔버스 애니메이션 도 한번 살펴보세요~ :)

댓글