Angular - 설치

김명식·2023년 8월 11일
0

Angular

목록 보기
1/3
post-thumbnail

회사에서 진행하는 프로젝트가 Angular를 사용한다고 한다.
난 아직 React밖에 모르는 상황이기 때문에 Angular의 공부가 필요하다.

Angular

앵귤러는 구글에서 개발한 웹 프론트 개발 프레임워크다.

리액트가 라이브러리인 반면 앵귤러는 프레임워크이기 때문에
속도가 리액트에 비해 느리다는 단점이 있다고 한다.

또 여러가지 이유 때문에 국내에서는 거의 사용되지 않는
프레임워크라고 하는데, 뭐든지 배워놓으면 나쁠일이야 없다.


앵귤러를 사용하기 위해서는 먼저, Node.js를 설치해야한다.
Node.js 다운로드 공식문서

Node를 설치했으면, 앵귤러를 설치하자.
다음 명령어를 CMD 에 입력하면 된다

npm install -g @angular@cli 

앵귤러를 설치했다면, 제대로 설치되었는지 다시 한번 확인해보자.
ng는 앵귤러 관련된 명령어고,
version은 현재 설치된 앵귤러의 버전을 확인하는 용도.
버전이 안뜨면 제대로 설치되지 않은거다.

ng version

버전이 나오는 것을 확인했다면 간단히 프로젝트를 만들고 실행해보자.

ng new [ Project Name ] //  ex) ng new myAngular

어느정도의 시간이 지난뒤 프로젝트가 만들어졌다면,

Angular Devkit을 설치

npm i @angular-devkit/build-angular

그리고 해당 프로젝트가 설치된 폴더로 이동한 뒤 프로젝트를 실행.

cd [ Project name ] // ex) cd myAngular
ng serve // 실행 시키는 명령어. 앞으로 굉장히 자주쓰게 될듯

실행이 되었다면 localhost:4200 으로 접속해보자.
앵귤러는 기본 포트로 4200을 쓰고있다.
접속했을 때

위 화면이 보인다면 제대로 설치하고, 실행한 것이다.

profile
BackEnd & AWS Developer

1개의 댓글

comment-user-thumbnail
2023년 8월 11일

정보 감사합니다.

답글 달기