[Angular] 1장 Angular란?

1. Angular 

2016년 9월 14일 약 8년 전 Google(구글)은 Angular를 출시합니다. Angular는 오픈 소스 웹 애플리케이션 플랫폼으로, 주로 단일 페이지 애플리케이션(SPA: Single Page Application)을 만드는 데 사용하는 언어입니다. Angluar의 특징으로는 아래와 같습니다.

• 모듈화: Angular는 애플리케이션을 모듈로 나누어 관리할 수 있어, 코드의 재사용성 및 유지보수성을 높임
• 양방향 데이터 바인딩: 모델과 뷰 간의 데이터 변경이 자동으로 반영되어 개발자가 수동으로 DOM을 업데이트 할 필요가 없음 
• 의존성 주입: 컴포넌트 간의 의존성을 관리해 코드의 유연성을 높이고 테스트에 용이함
• Typescript 사용: Typescript로 작성된 코드로 인해 정적 타입 검사를 통한 코드의 안정성을 높임
• 강력한 라우팅: SPA에서 페이지 전환을 쉽게 관리할 수 있는 강력한 라우팅 기능 제공

---

2. Angular의 장점과 단점

• 장점
  • 강력한 구조와 아키텍쳐로 대규모 애플리케이션에 적합
  • 커뮤니티와 자료와 풍부한 학습 자료
  • 현대적인 웹 개발을 위한 다양한 기능과 라이브러리 제공
• 단점
  • 러닝 커브가 다소 가파르고, 초보자가 이해하기에는 어렵게 느낄 수 있는 코드 방식
  • 초기 설정의 복잡함과 빌드과정의 느림
  • 간혹 성능 이슈가 발생하며 주로 대규모 애플리케이션에서 발생

---

3. Angular를 사용한 프로젝트

• Google Cloud Console: Google 클라우드 서비스 관리 플랫폼
• Microsoft Office: 마이크로소프트 사 웹 기반 오피스 제품들
• Upwork: 프리랜서 고용주를 연결하는 플랫폼

---

4. Angular의 미래 

Angular는 Google이 개발한 오픈 소스 웹 애플리케이션 프레임워크로, 아직까지는 대규모 애플리케이션을 개발하기에는 적합하다고 생각되는 프레임워크입니다. 무엇보다 Typescript와의 통합 덕분에 안정성과 가독성이 높아 아직까지는 유용하게 써볼만한 프레임워크입니다.

https://ko.wikipedia.org/wiki/%EC%95%B5%EA%B7%A4%EB%9F%AC_(%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98_%ED%94%8C%EB%9E%AB%ED%8F%BC)

 

앵귤러 애플리케이션의 구조로는 모듈, 컴포넌트, 템플릿, 메타데이터, 데이터 바인딩, 디렉티브, 서비스, 의존성 인젝션으로 구성되어 있습니다. 

---

5. Angular 설치하기

먼저 Angular를 사용하기 위해서는 기본적으로 Node.js를 설치해야합니다. Node.js 공식 웹사이트에서 설치해줍니다.Node.js 설치 완료시 다시 프로젝트 디렉토리에 cmd 창을 열고 아래 명령어로 Angular 설치해줍니다..

• Angular 설치: 아래 명령어로 Angular CLI를 설치

npm install -g @angular/cli

• 새 Angular 프로젝트 생성: 프로젝트 디렉토리에 cmd 창을 열고 Angular 프로젝트를 생성

 ng new angular-bloging

• 프로젝트 디렉토리 이동 + vs code 실행: 생성한 프로젝트 디렉토리로 이동후 vscode로 실행

cd angular-bloging && code .

 

Angular를 설치하고 프로젝트를 만든 후에 vs code까지 실행했다면 이제 다음 명령어로 angualr 서버를 실행합니다.

ng serve

 

서버를 실행했다면 브라우저에 http://localhost:4200에 접속하여 Angular 애플리케이션이 정상적으로 실행되었는지 확인해줍니다. 브라우저에 Hello, angular-bloging 글자가 나오면 성공입니다.

---

 

GitHub - Koras02/angular-bloging