본문 바로가기
FrontEnd/Angular

Angular 시작하기

by Fathory 2019. 7. 5.

- 시작하기전에...

Angular란?

Angular는 SPA(Single Page Application) 개발을 위한 구글의 오픈소스 자바스크립트 프레임워크이다. 웹 애플리케이션은 물론 모바일 웹, 네이티브 모바일과 데스크탑 애플리케이션까지 프론트엔드 개발에 필요한 대부분의 기능을 갖추고 있다. 정적 타입을 제공하는 TypeScript를 주력 언어로 채택하여 대규모 애플리케이션 개발에 보다 적합한 환경을 제공한다.

 

 

Angular

 

angular.io

NodeJS란? 

NodeJS 는 구글 크롬의 자바스크립트 엔진 (V8 Engine) 에 기반해 만들어진 서버 사이드 플랫폼이다. 2009년에 Ryan Dahl에 의해 개발되었다.

 - Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임

 - 비동기 이벤트 주도 JavaScript 런타임으로써 Node는 확장성 있는 네트워크 애플리케이션을 만들 수 있도록 설계

 - 스레드를 사용하지 않도록 설계되었지만, 멀티코어의 장점은 활용할 수 있다.

 

Node Express란?

 - Express4.17.1Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크

 - 자유롭게 활용할 수 있는 수많은 HTTP 유틸리티 메소드 및 미들웨어를 통해 쉽고 빠르게 강력한 API를 작성할 수 있다

 

 

Express - Node.js web application framework

Fast, unopinionated, minimalist web framework for Node.js $ npm install express --save

expressjs.com

NodeJS 설치

- 본인의 OS에 맞춰 Node를 설치한다.

nodejs 다운로드

 

다운로드 | Node.js

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

nodejs.org

 

Express 설치(npm)

- 콘솔 창에서 아래 명령어를 입력한다.

npm install --save express

 어쩌구 저쩌구 하면서 지가 알아서 다 설치한다.

 

 

Angular 설치(npm)

- 콘솔창에서 아래 명령어를 입력한다(2)

npm install --save @angular/cli

 어쩌구 저쩌구 하면서 지가 알아서 다 설치한다.(2)

 

 

여기까지 진행했다면 앵귤러와 노드의 설치는 완료되었다.

다음 포스팅에서는 앵귤러로 페이지를 만들어본다.

 

반응형