[Node.js] Node.js와 Socket.io 1일차

삼각김밥 2개와 함께 오늘도 시작하는 6강의실에서의 교육

============================================   1   ============================================

[ 19 : 01 ~ 19 : 47 ] 

 

 

 Node.js는 java script를 가지고 서버를 구축할 수 있는 프레임워크입니다. 

 강사님께서 간단하게 자기 소개를 해 주셨는데 자바언어를 주력으로 웹쪽 개발을 많이 하셨다고 했습니다. 13년차 개발자라고 소개를 해 주셨습니다.

 이번 강사님께서도 수강생의 각각 개인 업무나 관심사 등에 대해 한번 물어보셨습니다. 강사님께서 다 들으시고 개인적으로는 자바보다 자바 스크립트가 5배정도 더 어려웠다고 하셨습니다. 자바스크립트도 깊게 파 보니 동적인 부분이 많아서 고생을 하셨다고 했습니다. 자바나 C같은 언어는 컴파일을 통해 문제를 사전에 알 수 있지만, Java script (native)는 컴파일을 하지 않아서 문제를 파악하기가 더 어렵다고 하셨습니다.

 java script가 어울리는 분야는 Event 기반의 프로그램이라고 하셨습니다. 자바로 이벤트 프로그래밍을 하면 코드가 지저분해 지는데, 자바스크립트를 사용한다면 코드가 깔끔하고 자연스럽다고 하셨습니다.

 강의 중점은 Node.js의 특징에 대해 강의하겠다고 하셨습니다. 

 Node.js 소개

스타트업에서 많이 사용했다고 하셨습니다. 그 이유는 자바스크립트를 가지고 서버, 클라이언트 모두 (풀스텍) 구현이 가능하기 때문이라고 하셨습니다.  

 Event Driven방식이며, Non-blocking I/O model을 사용합니다. 

 node.js는 단일쓰레드로 동작을 해서 데드락이 발생하지 않습니다.

 

 간단하게 몇가지 더 설명 후 설치를 다음시간에 진행 해 보자고 하셨습니다.

============================================   2   ============================================

[ 20 : 01 ~ 20 : 50 ] 

 

nodejs.org 로 이동합니다.

다운을 받아서 설치를 진행합니다.

<사진 1~8> nodejs 설치

<사진 1> nodejs.org 로 가서 다운로드 

<사진 2> 설치 시작, 다운로드 받은 설치파일을 더블클릭 합니다.

<사진 3> 권한 확인입니다. 확인 후 다음으로 넘어갑니다.

<사진 4> 경로 선택

<사진 5> 세부항목 선택, 사용자 정의 설치 - 특별히 바꾸지 않고 그냥 기본 설정으로 설치를 진행합니다.

<사진 6> 설치 진행. 위에서 설정한 정보를 갖고 설치를 합니다.

<사진 7> 설치 과정을 보여주는 화면입니다.

<사진 8> 설치 완료

<사진 9 ~ 16> 간단한 설치 확인 및 실습

<사진 9> Node.js버전 확인 - 버전 확인을 할 수 있으면 정상적으로 설치가 되었다는 것입니다.

<사진 10> 커맨드라인 모드로 전환  "node"

<사진 11> 간단한 변수 정의 및 확인

<사진 12> 함수 정의 및 확인

<사진 13> nodejs 명령모드 빠져나오기 Ctrl + C 두번

<사진 14> 서버 만들기

node 명령창에 있는 경로에 아래와 같이 입력한 코드의 *.js파일을 하나 만들어 주고 node명령창에서 실행합니다.

<사진 15> 서버의 반응까지 확인하기 위해 아래와 같이 수정을 해 줍니다.

<사진 16> 서버 접속 확인

<사진 17> 명령창 확인 - 저렇게 함수에서 한번 출력하게 하였지만 한번 접속시 두번 찍히는 이유는 브라우져에 관련있다고 하셨습니다.

 IDE는 WebStorm을 쓰는 것이 가장 좋다고 하셨습니다. 하지만 유료이기 때문에 이번 과정은 nodeclipse를 설치해 진행을 하시겠다고 하셨습니다.

<사진 18 ~ 30> 이클립스 환경구축

<사진 18> eclipse.org 를 방문하여 이클립스를 설치합니다.

<사진 19> 아래와 같이 다운로드 받는 다른 page로 이동이 되면 또 다운로드 버튼을 누릅니다.

<사진 20> 다운로드 중...

<사진 21> 다운로드가 완료 되었지만 설치가 안되면 (저의 경우가 그랬습니다.) 자바가 설치가 되어있지 않아서 자바 설치조 함꼐 진행을 하였습니다.

<사진 22> Java설치 1

<사진 23> java설치 2

<사진 24> java설치 3

<사진 25> 이클립스 설치 옵션 선택! - 2번째의 옵션을 골라줍니다. java 웹개발에 적합한 옵션이라고 설명 해 주셨습니다.

<사진 26> 간단한 경로 설정 후 설치를 진행합니다.

<사진 27> Nodeclipse 플러그인 설치  

오른쪽의 웹사이트를 방문하여 웹페이지아래쪽(이미지의 우측 중단) 표시한 install을 drag 후 eclipse의 중단에 드롭 해 줍니다.

http://www.nodeclipse.org/ 로 이동한 후 설치 아이콘을 이클립스 실행창에 드레그 앤 드롭 하면 됩니다.  

<사진 28> 플러그인 설치

<사진 29> 설치 옵션 선택 - 기본값으로 진행합니다.

<사진 29> 라이선스 문서 확인 및 설치 완료

============================================   3   ============================================

[ 20 : 59 ~ 21 : 59 ] 

 

<사진 1> sax모듈 설치

<사진 2> NPM 초기화 (npm init)

<사진 3> npm init 결과

NPM : 

https://www.npmjs.com/ 

<사진 4> --save옵션의 의미

그 모듈이 필요하다는 것을 자동으로 문서에 기입을 해 주며 다른 개발자들의 협업시 문제를 줄일 수 있습니다. 

<사진 5, 6> 설치 및 설치 결과

  npm install --save nano

nano module을 설치하니 다른 모듈이 80여개 더 설치되었습니다.

<사진 7>  nano 모듈의 의존성 확인

인스톨 결과를 확인 해 봅니다.

<사진 8> 디펜던시 인스톨

 인스톨 할 모듈을 정하지 않고 옵션없이 인스톨 명령만 하는 경우에는 디펜던시를 확인하고 모두 다운로드 합니다.

<사진 9>  디렉토리 모듈작성 및 Test