Google의 전담팀이 관리하는 Angular는 개발 작업을 단순화하고 효율화하는 데 필요한 다양한 도구와 API, 라이브러리를 제공합니다. Angular는 팀 규모와 코드 규모에 따라 확장 가능하고 빠르면서 안정적인 애플리케이션을 구축할 수 있는 견고한 플랫폼입니다.
코드를 보고 싶나요? 핵심 문서로 이동해서 Angular를 어떻게 사용하는지 확인해 보거나, 튜토리얼 문서를 보면서 직접 단계별로 개발해 보세요.
제공 기능
기능을 담당하는 컴포넌트 모델과 유연한 의존성 주입 시스템을 활용해서 코드를 체계적으로 정리해 보세요.
Angular 컴포넌트를 활용하면 코드를 기능 단위로 쉽게 분리할 수 있습니다.
그리고 유연한 의존성 주입 시스템을 활용해서 코드 커플링을 줄이면서도 테스트하기 쉽게 모듈화할 수 있습니다.
시그널을 사용해서 반응형 앱을 구성하면 변경되는 앱 상테에 빠르게 반응할 수 있습니다.
정교하게 설계된 반응형 모델은 컴파일 타임 최적화와 함께 개발 단계를 단순화하고 앱을 빠르게 개발하는 데 도움을 줍니다.
Angular는 애플리케이션 전역 범위에서 앱 상태가 어떻게 변경되는지, 어디에서 변경되었는지 세부적으로 추적하기 때문에, 화면 렌더링 프로세스도 최적화할 수 있습니다.
SSR, SSG, 하이드레이션, 차세대 지연 로딩을 활용해서 앱 성능 목표를 달성해 보세요.
Angular는 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 모두 지원하며, 완전한 DOM 하이드레이션도 지원합니다.
템플릿에 @defer
블록을 사용하면 지연 로딩되는 템플릿 부분을 간단하고 명확하게 지정할 수 있습니다.
어느 때보다 빠르게 애플리케이션을 개발해 보세요.
Angular CLI를 활용하면 앱 실행, 빌드, 테스트, 배포가 모두 간단해 집니다.
Angular CLI를 사용하면 애플리케이션 개발에 필요한 어떠한 명령도 1분 안에 실행할 수 있습니다.
Angular DevTools 브라우저 확장프로그램을 사용해서 코드를 시각적으로 디버깅하고 분석하며 최적화 해보세요.
Angular DevTools는 브라우저 개발자 도구와 함께 사용할 수 있습니다. 컴포넌트 트리를 검사하거나, 의존성 주입 트리를 확인할 수 있고, 성능 분석을 위한 프로파일링 플레임 차트와 같은 디버깅, 분석 도구를 제공합니다.
ng update를 사용해서 버전 업그레이드를 놓치지 마세요.
Angular CLI ng update
명령을 실행하면 Angular 버전이 변경된 것에 맞춰 코드를 자동으로 업그레이드할 수 있습니다.
최신 버전을 유지하면 앱 성능과 보안을 최신 상태로 유지할 수 있습니다.
자주 사용하는 IDE로 생산성을 올려보세요.
Angular는 IDE 언어 지원 서비스를 제공하기 때문에 주요 IDE에서 코드 자동완성, 코드 탐색, 리팩토링, 실시간 진단 기능을 활용할 수 있습니다.
자신있게 추천합니다.
커밋마다 검증하는 거대한 모노레포를 Google이 관리합니다.
Angular에 커밋되는 모든 코드는 셀 수 없이 많은 실제 시나리오를 반영하기 위해 Google 내부 코드 저장소에 있는 수십만 개의 테스트로 검증합니다.
Angular는 Google Cloud와 같은 Google의 주요 제품에 사용되기 때문에 안정성을 크게 신경쓰고 있습니다. 그래서 커밋으로 수정되는 코드가 충분한 테스트를 거치고, 하위 호환성도 만족하면서, 필요하다면 마이그레이션할 수 있도록 지원합니다.
명확한 지원 정책, 예측 가능한 릴리즈 일정
Angular는 정기적으로 새 버전을 내기 때문에 프레임워크의 안정성과 하위 호환성을 에측할 수 있습니다. 장기 지원(LTS) 기간에는 중요한 보안 패치가 계속 제공됩니다. Angular 팀이 제공하는 자동 업데이트 툴과 가이드 문서를 참고해서 앱을 최신 상태로 유지할 수 있습니다.
어떤 규모의 앱에도 적합합니다.
전세계 사용자에게 다가가세요.
Angular가 제공하는 국제화 기능은 유니코드 표준 ICU 구문 지원을 포함하여 메시지 번역, 서식 지정 기능을 제공합니다.
사용자를 보호하는 보안은 기본입니다.
Angular는 Google의 세계적인 보안 엔지니어들과 협력하여 보안은 기본으로 보장합니다. HTML 검증과 강력한 타임 겁증을 포함하여 크로스 사이트 스크립팅(CSRF, cross-site scripting)과 크로스 사이트 요청 위조(CSRF, cross-site request forgery)와 같은 일반 취약점 보호도 함께 지원합니다.
Vite와 esbuild로 대규모 팀 생산성을 유지하세요.
Angular CLI는 Vite와 ESBuild를 활용하는 최신 빌드 파이프라인을 구현했습니다. 개발자들의 보고에 따르면, 수십만줄의 코드로 이루어진 프로젝트를 빌드하는 데에 1분도 걸리지 않는다고 합니다.
Google의 가장 큰 웹 앱에 적용되어 있습니다.
Google Fonts부터 Google Cloud까지 다양한 Google 제품이 Angular 아키텍처를 기반으로 구축되어 Angular의 확장성과 새로운 기능 개발에 활용됩니다.
오픈 소스 퍼스트
GitHub에 공개되어 있습니다.
Angular 팀이 어떤 작업을 하고 있는지 궁금하신가요? GitHub에서 모든 PR과 커밋을 확인할 수 있습니다. 이슈가 있거나 버그를 만나셨나요? GitHub 이슈를 정기적으로 검토하며 커뮤니티에 빠르게 대응하면서 여러분이 직면한 실질적인 문제를 해결하고 있습니다.
로드맵도 투명하게 공개합니다.
Angular 팀은 현재는 물론 앞으로 작업할 로드맵을 공개하고 있으며, 이에 대한 피드백도 소중하게 여깁니다. Angular의 향후 방향성을 정하는 과정에서 커뮤니티 의견을 수렴하기 위해 의견 요청(RPF, Request for Comments)을 게시하고 있습니다.
방대한 커뮤니티
강좌, 블로그, 리소스
우리 커뮤니티에는 재능 넘치는 개발자, 작가, 강사, 팟캐스터들이 모여 있습니다. Google for Developers 라이브러리는 신입 개발자와 숙련된 개발자 모두 개발에 활용할 수 있는 고품질 리소스입니다.
오픈 소스
Angular를 더 나은 프레임워크로 만드는 데 기여하는 오픈 소스 컨트리뷰터 모두에게 감사드립니다. 문서의 오타 수정부터 주요한 기능 추가까지, 관심있는 분들은 GitHub에서 함께 해보세요.
커뮤니티 파트너십
Angular 팀은 개인은 물론, 교육자들과 기업과 협력하며 지원을 계속하고 있습니다. Angular Google Developer Experts(GDEs)는 Angular를 사용해서 개발하고, 교육하거나 조직하는 전세계 커뮤니티 리더를 대표합니다. 또, 기술 업계 리더들을 위해 기업 파트너십을 확대하고 있습니다.
Google 기술과 파트너십
Angular는 웹 생태계 개선을 위해 Google 기술, 팀과 긴밀히 협력하고 있습니다.
Chrome의 Aurora와 지속적인 파트너십을 가지며 웹 전반의 사용자 경험 개선을 적극적으로 모색하고 있으며, NgOptimizaedImage와 같은 기본 성능 최적화를 진행하면서 Angular의 Core Web Vitals 개선을 진행하고 있습니다.
그리고 Firebase, Tensorflow, Flutter, Material Design, Google Cloud와 협력하며 개발자의 워크플로 전반에 의미있는 통합을 제공하고 있습니다.