기본 콘텐츠로 건너뛰기

Angular 기본 (1) Angular cli설치

Angular 기본 (1) Angular cli설치

(1) Node.js & npm 설치

Angular 4.0 기능을 모두 활용하려면, 최근 node.js 6.9.0 이상 버전을 설치해야 한다. Angular는 Angular 2라고 불리는 2.0이후 버전부터 Angular.js가 아닌 Angular로 부른다. 앵귤러는 2.0 이후부터 프론트 페이지 개발에만 사용하는 수준을 넘어갔다. node.js와 함께 MVC패턴으로 서버사이드까지 제작가능하다.

해당 포스팅에서는 앵귤러4.0을 중심으로 진행한다.

1 node.js & npm 버전확인

콘솔창에서 ` node -v ` 명령어와 ` npm -v ` 명령어로 node.js와 npm 버전을 확인한다. node.js가 설치되지 않았다면 설치한다.(기존 node.js포스팅 참고)

2 typescript설치

Angular는 타입스크립트를 사용해야 하므로 아래 명령어를 실행하여, type스크립트를 설치한다.

`` npm install -g typescript ``

3 angular cli 설치하기

앵귤러는 커맨드라인에서 프로젝트를 생성하고 관리할 수 있는 유틸을 제공한다. 바로 angular cli이다. 아래 순서로 진행한다.

1) `` npm install -g @angular/cli `` 명령어로 angular cli를 설치한다.

2) angular cli 설치가 끝나면, ng 명령어를 사용할 수 있게 된다.

3) `` ng --version `` 명령어를 실행한다.

아래와 같은 표시가 나타나면 성공이다.

참고로 ` ng --help `라고 입력하면 여러 명령어가 나온다.

from http://webdoli.tistory.com/94 by ccl(A) rewrite - 2020-03-07 04:55:09

댓글

이 블로그의 인기 게시물

[020] 파동함수를 쓰기

[020] 파동함수를 쓰기 [020] 파동함수를 쓰기 [020] 파동함수를 알면 우리가 원하는 뭔가를 알 수 있다고 했는데, 정작 파동을 함수로 쓰는 것은 아직 다루지 않았고, 양자역학 내용을 좀 더 진행하려면 왜 파동이 삼각함수로 써 지는지를 한번은 정리를 해야겠다. 수학이 많이 나올 예정이다. 앞에서 파동함수를 아래 형태로 쓸 수 있다고 했었는데, 왜 이런 형태가 되는지 알아보자. [020-01] 파동함수 사인파의 일반형은 코사인 (cos) 을 이용해 쓰지만, 사인 (sin) 과 코사인은 위상차이만 있는 함수들이고, 우리는 앞으로 사인을 이용해 문제를 풀 예정이라 사인을 이용하기로 한다. 파동함수는 양자역학에서 갑자기 나온 말이 아니고, 원래 파동을 함수의 형태로 쓴 것을 파동함수라고 부른다. 파동-입자 이중성을 가지니까 기존에 파동을 함수의 형태로 쓰던 그 모양을 가져다 쓴 것. 주교재의 16장에 있는 내용이다. [020-02] 펄스 - Pulse 아래와 같이 하나의 진동이 왼쪽에서 오른쪽으로 진행하는 상황을 생각해보자. 시간 t 일 때, 위치 x 의 밧줄의 높이를 y 라 하고, 셋의 관계를 기호로 쓰면, 그러면 아래의 관계가 성립한다. 이게 무슨말이냐면, 시간 t 일 때 위치 x 의 밧줄의 높이 와 시간 0 일 때 위치 x-vt 의 밧줄의 높이가 같다 는 말인데, 그림으로 보면, 왼쪽은 시간 0, 오른쪽은 시간 t 이고, t 일 때 P 의 높이와 0 일 때 높이가 같다는 것. [020-03] 파동을 식으로 써보자. 아래의 파동을 보자. 지금 내용부터는 사인이든 코사인이든 상관없는데, 위 그림이 사인이니까 아래의 식 으로 쓸 수 있다. A는 진폭이고, 주기, 진동수, 파장 같은 값을 아직 모르니까 a 는 아직 정해지지 않은 값 이다. 일반적으로 알고있는 삼각함수는 가로축이 각도 이지만, 우리는 공간을 진행하고 있는 파동을 다루니까 위의 형태로 써진다고 생각하자. x=0 에서 진폭이 ...

(주)편두리 채용 정보: PYUNDOORI에서 핫한 개발자분들을 모십니다.

(주)편두리 채용 정보: PYUNDOORI에서 핫한 개발자분들을 모십니다. - 좋아요 아래와 같은 업무를 훌륭히 감당하실 분을 모십니다.서비스 관련 DB 모델링, DB 최적화 작업서버 & DB 관리Frontend & Backend 인터페이스의 최적화 작업 화합과 성장을 같이! - Angular JS의 경험 - Node.js - javascript 능숙자 - DRMS 사용 능숙자 더 많은 내용은 더 많은 내용은 더팀스 에서 확인하세요! from http://theteams.tistory.com/742 by ccl(A) rewrite - 2020-03-22 12:20:20