2020.3.13

javascript가 서버 사이드에서도 사용할 수 있는 언어라고 하여, 풀스택이라는 부푼 꿈을 안고 node.js도 찔끔 공부해보았다. 결론적으로 ... 따라할 수는 있지만 초짜인 나에게는 너무 어렵다 🥺 ... 그래서 지금까지 알게된 개념만 정리해보고자 한다. 아래 내용은 코드카데미, 생활코딩 등 강의를 바탕으로 한다.

---

2020.7.1
4개월 전에 뭣도 모르고 정리한 node개념들을 다시 보니까 뭔 말인지 알 것 같아서 너무 신기하다. 그 때 정리해놓은 나 자신 칭찬해

Node.js? 🤔

node.js는 자바스크립트 런타임이다. 런타임은 프로그램을 실행할 수 있는 환경을 뜻하고, 다시 말하면 노드는 자바스크립트 프로그램이 실행될 수 있도록 해주는 환경이다. 브라우저에 종속되어 있던 Javascript가 노드를 통해 웹서버 기능 실행할 수 있는 언어가 된 것이다.

언어를 배우기 전에 몇 가지 개념만 간단하게 정리해보고자 한다.

• node -v: 버전 확인
• node: node repl 열기
• .editor: 여러 줄로 작성하기. ^d는 완료, ^c는 취소.
• node filename.js : 파일 열기

1. 모듈

모듈은 간단히 말해 파일에 위치한 코드의 집합이다. 프로그램의 내용에 따라 코드를 여러 개의 집합으로 분리하고, 필요로 할때 불러 사용하기 위해 쓰인다.

프로그램을 만들 때 모든 코드를 하나의 파일에 넣는다고 생각해보자. 수정할 일이 생기거나, 특정 부분을 찾을 때 매우 귀찮을 것이다. 프로그램을 관리 가능한 덩어리로 나누기 때문에 모듈은 중요하다.

1.1 core module

기본적으로 설치되어 있는 모듈로, Node.js의 소스 안에서 정의되고 lib.folder에 위치한다. 아래와 같이 소괄호 사이에 string을 넣어 사용한다.

let events = require('http');

require() : node.js 의 모듈을 불러오는 함수

• 같은 디렉토리에서 불러오면: require('./name.js')
• 불러온 디렉토리의 객체를 부를 때: console.log(name.a) // name.js 파일에 a 변수가 있다고 가정

*** Require()함수를 쓰더라도 해당 모듈 안의 변수를 바로 사용하는 것은 불가하다. exports의 key, value chain에 들어가야 값이 저장되어 Return이 가능하다.

- http module

core module 중 하나로, http 웹서버를 생성하는 것과 관련된 모든 기능을 한다. 웹서버 모듈로는 express(라우팅, 파싱, 로그 등)라고 더 많은 기능을 포함하는 강력한 모듈이 있다.

var http = require('http');
http.createserver(function (req, res) { 
  res.writeHead(200, {'content-Type': 'text/html'}); 
  res.write('hello world!') // 클라이언트가 접속했을 때에 대한 반응
  res.end(); // 반응 종료 
}).listen(8080); // 서버를 실행한다

Server method

• createServer(): 웹서버를 만드는 함수. 함수는 클라이언트의 요청을 나타내는 req 인자를 객체로서 가진다.
• listen(port[,callback]): 서버를 실행한다.
• close(): 서버를 종료한다.

Server Property

• req.url: req 객체의 url 부분을 return. 즉 도메인 이름 뒷 부분을 갖고 있는 property이다. 예를 들어 http://localhost:8080/summer 주소를 열었을 때, terminal에서 /summer 를 return한다.

Response method

• res.writeHead(): 두 개의 인자를 가지는 메소드이다.
  - 첫 번째 인자: 웹서버가 웹브라우저에게 200을 주면 문제 없이 전송되었다는 뜻이며, 404를 주면 파일을 찾을 수 없는 등 문제가 발생했다는 뜻이다.
  - 두 번째 인자는 객체의 response header를 작성한다. (text/html 등 어떤 형식으로 보일지에 대해 콘텐츠 타입을 정의)
• res.end(): 괄호 안에 응답 본문을 작성한다. 즉 사용자에게 전송할 데이터. ex. 404일 경우 Not found라든지...

- url module

url 모듈은 웹 주소를 읽을 수 있도록 쪼개주는 기능을 한다.

• url.parse() : url 주소의 property(host, pathname, search 등)를 나누어 return한다.

파싱(parsing): 어떤 데이터를 다른 모양으로 가공하는 것을 말한다.

w3school의 예시🔽

var url = require('url');
var adr = 'http://localhost:8080/default.htm?year=2017&month=february';
var q = url.parse(adr, true);

console.log(q.host); //returns 'localhost:8080'
console.log(q.pathname); //returns '/default.htm'
console.log(q.search); //returns '?year=2017&month=february'

var qdata = q.query; //returns an object: { year: 2017, month: 'february' }
console.log(qdata.month); //returns 'february'

url의 구성요소

url 모듈에 사용되는 url의 구성 요소를 이해하기 위해, 이고잉님의 생활코딩 강의를 참고했다. 아래 이미지의 생활코딩 웹 서버와 브라우저의 정보 처리 방법 강의 화면이다.

• protocol: 제일 앞에는 자원에 접근할 방법을 정의해둔 프로토콜을 적는다. http는 웹브라우저와 웹서버가 데이터를 주고받기 위해 만든 통신 규칙 중 하나이다.
• host(domain): 인터넷에 접속해있는 컴퓨터를 가리키는 주소이다.
• port: 한 컴퓨터 안에 여러 서버가 있기 때문에, 서버 내 어떤 포트인지를 나타내는 것 (웹서버는 기본값이 80이다)
• path: 컴퓨터 안의 경로를 나타내는 것으로 /로 구분된다. 어떤 디렉토리의 어떤 파일인지 찾기 위해 존재하는 것이다.
• query string: database에서 특정한 정보를 찾기 위해 컴퓨터나 웹브라우저에서 입력되는 값들. 물음표로 시작하고, key끼리는 &로 구분, key와 value는 =로 구분한다. ex. ?id=html&page=12

- fs module

file system의 약자로, 서버에 존재하는 파일을 찾아 클라이언트에 제공하는 기능을 한다.

• fs.readFile: 파일 안에 있는 모든 내용를 읽어온다.
• fs.readdir: 디렉토리 안에 있는 파일를 읽어온다. 파일들은 배열로 표시된다.

fs.readFile('/etc/passwd', (err, data) => {
  if (err) throw err;
  console.log(data);
});

위 함수의 인자의 경우 첫 번째 err는 에러가 있을 경우 에러를 주라는 뜻, 두 번째 인자는 파일의 내용을 인자로서 공급하라는 뜻이다.

- event

프로그램을 만들 때, 유저가 언제 클릭할지 모른다는 전제로 프로그래밍을 하기 때문에 기본적으로 이벤트 드리븐 구조를 가지고 있다. (예를 들어 클릭 이벤트를 만들 때, 클릭 시점을 예측할 수 없으므로)

eventemitter

• .on(): 이름이 있는 이벤트에 listener 콜백 함수를 지정하는 method
• .emit():

// Require in the 'events' core module
let events = require('events');

// Create an instance of the EventEmitter class
let myEmitter = new events.EventEmitter();

1.2 local module

기본 저장된 모듈이 아니라 내가 만들어 사용할 수 있는 것으로, 모듈의 상대적 경로를 넣어서 불러온다.

// app.js
let Dog = require('./dog.js');
const tadpole = new Dog('Tadpole');
console.log(tadpole.praise());

2. 패키지매니저

npm

자바스크립트 프로그래밍 언어를 위한 패키지 관리자 & node.js의 기본 패키지 관리자이다. 소프트웨어를 생성하고 설치, 업데이트 및 삭제를 관리해주는 프로그램이다.

pm2

node.js의 프로세스 관리자. 원래 파일을 수정하면 터미널에서 ctr+c 버튼을 눌러 껐다 켜줘야 하는데, pm2를 사용하면 요거를 자동으로 해주기 때문에 불필요한 작업이 들지 않는다.

하지만 켜둔 상태에서 node filename.js 명령어로 실행을 하게 되면 오류가 뜰 수 있으므로(포트가 사용중이라는 에러), 원래 수동의 상태로 돌아오려면 pm2 stop filename.js 를 입력해주어야 한다.