Suzie's Blog

ng serve를 입력하자 위와같은 에러가 발생했다. 아래 나온 대로 순서대로 입력했더니 에러가 해결되었다. npm install -g npm-check-updates ncu -u npm install

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이후 버전..