Cookies concent notice
이 사이트는 서비스를 제공하고 트래픽을 분석하기 위해 Google의 쿠키를 사용합니다.
자세하게 알아보기
네, 알겠습니다.
Skip to main content
Share your experience with Angular in
The State of JavaScript
Go to survey
문서
커뮤니티
블로그
/
dark_mode
문서
시작하기
Angular란?
사용해보기
시작하기
네비게이션
데이터 다루기
폼으로 입력 받기
배포
개발환경설정
Angular 이해하기
개요
컴포넌트
개요
컴포넌트 라이프싸이클
뷰 캡슐화
컴포넌트 통신
컴포넌트 스타일
부모/자식 디렉티브/컴포넌트끼리 데이터 공유하기
컨텐츠 프로젝션
동적 컴포넌트
Angular Elements
템플릿
개요
소개
문자열 바인딩
템플릿 실행문
바인딩
바인딩 이해하기
프로퍼티 바인딩
어트리뷰트 바인딩
클래스, 스타일 바인딩
이벤트 바인딩
양방향 바인딩
파이프
파이프 이해하기
템플릿에 파이프 사용하기
파이프 인자 사용하기, 체이닝하기
파이프 우선순위
템플릿 참조 변수
SVG를 템플릿으로 사용하기
디렉티브
기본 디렉티브
어트리뷰트 디렉티브
구조 디렉티브
디렉티브 연결 API
의존성 주입
Angular의 의존성 주입
의존성 주입 이해하기
의존성 주입 서비스 만들기
의존성 주입 프로바이더
의존성 객체의 컨텍스트
인젝터 계층
개발자 가이드
개요
단독 컴포넌트
단독 컴포넌트
단독 컴포넌트로 마이그레이션하기
변화 감지
개요
Zone 오염
느린 연산
컴포넌트 서브트리 생략하기
라우팅, 네비게이션
개요
기본 라우팅 작업
튜토리얼: 단일 페이지 애플리케이션에서 라우팅하기
튜토리얼: 커스텀 라우팅 매처
튜토리얼: 히어로들의 여행 라우팅 규칙 추가하기
라우터 참고
폼
개요
반응형 폼
엄격한 타입의 반응형 폼
폼 유효성 검사
동적 폼 구성하기
esbuild 기반으로 빌드하기
HTTP 클라이언트
HTTP 이해하기
준비하기
서버로 데이터 요청하기
JSONP 요청하기
에러 처리하기
서버로 데이터 보내기
URL 인자 구성하기
요청/응답 가로채기
인터셉터 활용사례
인터셉터에 메타데이터 전달하기
요청하고 진행률 추적하기
서버 요청 최적화하기
사이트 간 요청 위조(XSRF) 방어하기
요청 테스트하기
하이드레이션
뷰 지연로딩하기
이미지 최적화
테스트
테스트 개요
코드 커버리지
서비스 테스트하기
컴포넌트 테스트하기 기본
컴포넌트 테스트 시나리오
구조 디렉티브 테스트하기
파이프 테스트하기
테스트 디버깅하기
테스트 유틸리티 API
국제화 (i18n)
개요
국제화 기본 작업
개요
현지화 패키지 추가하기
현지화 ID 참조하기
지역에 맞게 데이터 표현하기
컴포넌트 번역 준비하기
번역 파일 작업하기
번역한 파일을 앱에 적용하기
다양한 언어로 배포하기
국제화 샘플
추가 국제화 작업
개요
국제화 데이터 로드하기
번역대상 텍스트와 커스텀 ID 관리하기
애니메이션
소개
트랜지션 & 트리거
복잡한 시퀀스 처리하기
애니메이션 재사용하기
라우팅 애니메이션
서비스 워커 & PWA
소개
시작하기
서비스 워커 통신
서비스 워커 알림
서비스 워커 활용
서비스 워커 설정
앱 기본 틀
웹 워커
서버 사이드 렌더링
사전 렌더링
Angular 라이브러리
라이브러리 개요
배포된 라이브러리 활용하기
라이브러리 만들기
Angular 패키지 형식
기능 미리보기
기본 제어문
Signals
Signal용 RxJS 인터옵
유지관리하기
보안
접근성
최신버전 유지하기
프로퍼티 바인딩 모범 사례
기능 모듈 지연 로딩하기
라이브러리용 경량 의존성 주입 토큰
Angular 툴
개발 단계
배포
AOT 컴파일러
사전(Ahead-of-Time) 컴파일
Angular 컴파일러 옵션
AOT 메타데이터 에러
템플릿 타입 검사
빌드하기 & 서비스하기
CLI 빌더
언어 지원 서비스
DevTools
스키매틱
스키매틱 개요
스키매틱 만들기
라이브러리용 스키매틱
튜토리얼
튜토리얼: 첫번째 Angular 앱
소개
Hello world
홈 컴포넌트 만들기
컴포넌트 추가하기
인터페이스 만들기
컴포넌트에 입력 프로퍼티 추가하기
프로퍼티 바인딩하기
템플릿에 동적으로 값 연결하기
템플릿에 *ngFor 사용하기
Angular 서비스
라우팅 추가하기
상세화면 커스터마이징하기
Angular 폼 적용하기
검색 기능 추가하기
HTTP 통신 추가하기
튜토리얼: 히어로들의 여행
소개
프로젝트 생성하기
1. 히어로 에디터
2. 목록 표시하기
3. 기능 컴포넌트 만들기
4. 서비스 추가하기
5. 네비게이션 추가하기
6. 서버에서 데이터 받아오기
템플릿 기반 폼 구성하기
릴리즈 정보
최신 버전 적용하기
로드맵
릴리즈 정책
버전 호환성
브라우저 지원
지원 중단 기능
AngularJS 앱 업그레이드하기
업그레이드 방법
AngularJS 환경설정
업그레이드 방식과 성능의 관계
컨셉 비교
참고
개념잡기 문서
Angular 개념잡기
기본 개념 소개
컴포넌트
서비스와 의존성 주입
바인딩 문법
이벤트 바인딩이 동작하는 방식
다음 단계
워크스페이스와 프로젝트 구조
프로젝트 파일 구조
워크스페이스 환경설정
npm 패키지
TypeScript 환경설정
NgModule
NgModule 소개
JS 모듈 vs NgModule
최상위 모듈부터 앱 실행하기
자주 사용하는 NgModule
기능 모듈의 종류
기능 모듈
의존성 객체 등록하기
싱글턴 서비스
NgModule 공유하기
NgModule API
NgModule FAQ
옵저버블 & RxJS
옵저버블 개요
RxJS 라이브러리
Angular에서 사용하는 옵저버블
실전 예제
다른 방식과 비교
의존성 주입
실전 의존성 주입
Angular CLI
개요
ng add
ng analytics
ng build
ng cache
ng completion
ng config
ng deploy
ng doc
ng e2e
ng extract-i18n
ng generate
ng lint
ng new
ng run
ng serve
ng test
ng update
ng version
API 문서
에러 해결하기
NG0100: Expression Changed After Checked
NG01101: Wrong Async Validator Return Type
NG01203: Missing value accessor
NG0200: Circular Dependency in DI
NG0201: No Provider Found
NG0203: `inject()` must be called from an injection context
NG0209: Invalid multi provider
NG02200: Missing Iterable Differ
NG02800: JSONP support in HttpClient configuration
NG0300: Selector Collision
NG0301: Export Not Found
NG0302: Pipe Not Found
NG0403: Bootstrapped NgModule doesn't specify which component to initialize
NG0500: Hydration Node Mismatch
NG0501: Hydration Missing Siblings
NG0502: Hydration Missing Node
NG0503: Hydration Unsupported Projection of DOM Nodes
NG0504: Skip hydration flag is applied to an invalid node
NG0505: No hydration info in server response
NG0506: NgZone remains unstable
NG0507: HTML content was altered after server-side rendering
NG05104: Root element was not found.
NG0602: Disallowed function call inside reactive context
NG0910: Unsafe bindings on an iframe element
NG0912: Component ID generation collision
NG0913: Runtime Performance Warnings
NG0950: Input is required but no value is available yet.
NG1001: Argument Not Literal
NG2003: Missing Token
NG2009: Invalid Shadow DOM selector
NG3003: Import Cycle Detected
NG5000: Hydration with unsupported Zone.js instance.
NG6100: NgModule.id Set to module.id anti-pattern
NG8001: Invalid Element
NG8002: Invalid Attribute
NG8003: Missing Reference Target
확장 진단 참조
확장 진단 개요
NG8101: Invalid Banana-in-Box
NG8102: Nullish coalescing not nullable
NG8103: Missing control flow directive
NG8104: Text attribute not binding
NG8105: Missing `let` keyword in an *ngFor expression
NG8106: Suffix not supported
NG8107: Optional chain not nullable
NG8108: ngSkipHydration should be a static attribute
NG8109: Signals must be invoked in template interpolations.
예제 애플리케이션
용어사전
Angular 스타일 가이드
찾아보기
코딩 스타일 가이드
문서 기여 가이드
개요
공통 문서 관리 작업
개요
문서 리뷰하기
검색 키워드 업데이트하기
문서 수정 과정
개요
문서 수정 준비하기
이슈 선택하기
문서 수정 시작하기
수정하고 저장하기
Lint 에러 수정
빌드하고 테스트하기
풀 리퀘스트 준비하기
풀 리퀘스트 요청하기
풀 리퀘스트 진행하기
풀 리퀘스트 마무리하기
문서 스타일 가이드
Angular 문서 번역 가이드
Docs Versions
next
rc
stable
v16
v15
v14
v13
v12
v11
v10
v9
v8
v7
v6
v5
v4
v2
error_outline
문서 불러오기 실패
"tutorial/toh-pt3" 주소에 해당하는 문서를 불러오지 못했습니다.
연결 상태를 다시 확인하거나 잠시 후에 다시 시도해 주세요.
모던 웹
개발 플랫픔
이 웹사이트에 접근하려면 JavaScript가 필요합니다.