일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- Array
- angular
- 노드제이에스
- npm
- indexOf
- 노드
- Programmers
- 백엔드
- nodejs
- 타입스크립트
- 앵귤러
- 자바스크립트
- Javascript
- 개발
- slice
- codingtest
- TypeScript
- node
- 코딩테스트
- Nextjs
- 프로그래머스
- 코딩테스트연습
- 노드js
- 에러
- Reduce
- react
- CLI
- 마음커넥션
- Method
- error
- Today
- Total
목록개발/Angular (3)
Suzie's Blog
sudo npm uninstall -g angular-cli @angular/cli npm cache clean --force sudo npm install -g @angular/cli 위와 같이 순서대로 입력하면 CLI를 업그레이드 할 수 있다. ** OS가 Mac/Linux의 경우만 명령어 앞에 sudo를 붙여주기!
수동으로 component를 생성할 수 있지만 간단히 CLI 또한 component생성을 위해 사용 가능하다. 터미널에 아래와같이 입력한다. ng generate component [folder-name] 또는 약식으로 아래와 같이 입력할 수 있다. : ng g c [folder-name] 위의 명령어를 입력하고 enter를 누르면, 앱 폴더에 component의 이름을 가진 새로운 폴더가 생성될 것이고, 앱 component의 요소인, HTML, CSS, TS와 기본적으로 테스트에 사용되는 스펙 파일과 동일한 파일이 생긴 것을 볼 수 있다.

Angular가 뭐지? Angular(앵귤러)는 반응형 Single Page Applications(SPAs : 단일 페이지 어플리케이션)을 만들 수 있는 자바스크립트 프레임워크이다. SPA 접근 방식을 사용하면 모바일 app같은 web app을 매우 빠르게 만들 수 있다. 또한 서버에서 데이터가 필요한 경우 백그라운드에 로드하기만 하면 사용자가 반응성 웹 앱을 사용할 수 있는 환경을 유지할 수 있다. Angular version 이해 AngularJS(Angular 1) ➡️ Angular 2 ➡️ Angular 4 ➡️ Angular 11, 12, 13, 14, 15... 유일한 차이점은 Angular 1과 2 이후 버전만 있음 Angualr 1은 AngularJS라고 불리고 Angular2이후 버전..