관리 메뉴

I LOVE EJ

node.js 개발환경 셋팅 (grunt.js 클라이언트 설치) (Node.js Grunt.js Angular.js Mongodb) 본문

Web publishing/Angular.js

node.js 개발환경 셋팅 (grunt.js 클라이언트 설치) (Node.js Grunt.js Angular.js Mongodb)

BeOne 2017. 4. 17. 14:37

■ Node.js Rrunt.js Angular.js Mongodb 란?


MEAN(MongoDB, Express.js, Angular.js, Node.js)으로 세팅도 많이 함 http://mean.io/

http://dog-paw.tistory.com/6 (MEAN에 대해 설명이 잘되어져 있음)


□ Node.js : 서버를 구축하기 위해 사용되는 플랫폼

 - Npm : node 기본 모듈 이외에 수많은 개발자들이 만들어 배포한 외부 모듈을 쉽게 관리하기 위해 만들어짐 (노드를 설치하면 기본적으로 npm이 포함되어있다.

 - http://fortunerain.blog.me/220940872483 (Node.js 와 Npm ??)


□ Mongodb : NoSQL 진영의 대표적인 데이터베이스 기술


□ Grunt.js : 자바스크립트 프로젝트를 위한 Task기반의 커맨드 라인 빌드 툴. (즉 반복적인 작업을 스크립트를 통해서 한 번에 수행하게 해주는 자동화 도구입니다.) 

 - http://xinics.tistory.com/99 (Grunt 설명이 잘 되어있음)


□ Angular.js : 프론트엔드 에서 (사용자에게 보여주기 위한) 동작하는 방법등을 정의하는 프론트엔드-프레임워크



1. Node.js 설치 

 - http://www.nodejs.org에 접속하여 LTS 버전 다운로드 후 설치 (LTS는 Long-team Support의 약자)

 - 설치 완료 후 cmd창에서 "node -v" 명령으로 설치 확인


2. Grunt 설치

 - cmd 창에서 npm install grunt-cli -g 로 설치 ("-g" 는 글로벌로 설치하기 위한 옵션)


http://50english.blog.me/220603479539 Node.js ~ Grunt.js 설치까지 그림으로 잘 정리됨


3. npm install

 - cmd창에서 C:\Users\Sun\AppData\Roaming\npm\node_modules\grunt-cli 경로로 이동

 - npm install 명령으로 설치


4. npm install grunt-web-server

 - 명령어 npm install grunt-web-server

 - 사이트 URL : https://www.npmjs.org/package/grunt-web-server


5. 웹서버 실행

 - 웹 서버를 실행하기 위해서 npm 폴더로 이동

 - 명령어 : grunt web_server







'Web publishing > Angular.js' 카테고리의 다른 글

ECMA  (0) 2018.05.24
앵귤러 스터디  (0) 2017.04.19