Angular / Installation (앵귤러 / 설치)

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이후 버전들은 Angular라고 불린다.

⚙️ Angular 설치

1. Terminal 실행
2. npm install -g @angular/cli@latest 입력 (Mac의 경우 `sudo`를 npm 앞에 붙여준다)
3. 프로젝트를 create하고싶은 폴더로 이동해준다 (cd `folder name`)
4. ng new my-first-app(any name you want) --no-strict 입력
5. 4번을 실행하면 아래와 같은 질문이 나온다. (상황에 맞게 선택)
   • Would you like to add Angular routing? No (나는 routing을 나중에 설치할거라 거절)
   • Which stylesheet format would you like to use? Select one as your preference. (나는 CSS를 사용할거임)
6. ng serve 입력 👉 http://localhost:4200로 이동하면 아래와 같은 화면을 볼 수 있다. 그럼 설치 완료!

Angular 설치 후 http://localhost:4200에 보여지는 화면

마침 타입스크립트 공부해야했는데 Angular가 typescript기반이라네?! ㅋㅋ 저절로 공부될듯 🥳 일석이조.. ㅋㅋㅋ