ng generate로 코드 생성
컴포넌트, 서비스 등을 위한 기본 구조를 만듭니다.
ng generate로 코드 생성은(는) CoddyKit의 무료 Angular Academy 강의입니다. 이것은 4개 중 3번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Angular Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Angular Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
ng generate로 코드 생성하기
ng generate 명령(줄여서 ng g)은 올바른 상용구와 명명 규칙을 적용해 Angular 구성 요소를 생성합니다.
구성 요소 생성하기
명령 하나로 독립 실행형 구성 요소를 생성할 수 있습니다.
ng generate component hello
# short form:
ng g component hello생성되는 항목
hello.component.ts, .html, 스타일시트 및 .spec.ts 테스트를 생성하며, 기본적으로 독립 실행형을 사용합니다.
폴더에 생성하기
구성 요소를 하위 폴더에 배치하려면 경로를 지정합니다.
ng g component features/dashboard서비스 생성하기
서비스 설계도를 사용해 주입 가능한 서비스를 생성합니다.
ng g service data
# creates data.service.ts with @Injectable지시문 생성하기
독립 실행형 지시문도 비슷한 방식으로 기본 구조를 생성합니다.
ng g directive highlight파이프 생성하기
템플릿 변환에 사용할 사용자 지정 파이프를 생성합니다.
ng g pipe truncate가드 생성하기
경로 가드는 탐색을 보호합니다. CLI는 함수형 가드의 기본 구조를 생성합니다.
ng g guard auth미리 실행하기
파일을 실제로 작성하지 않고 생성될 내용을 미리 보려면 미리 실행 플래그를 사용합니다.
ng g component hello --dry-run테스트 파일 건너뛰기
원하지 않는 경우 플래그를 추가해 .spec.ts 테스트 생성을 건너뛸 수 있습니다.
ng g component hello --skip-tests인라인 템플릿 및 스타일
별도의 파일 대신 인라인 템플릿과 스타일을 요청할 수 있습니다.
ng g component badge --inline-template --inline-style빠른 확인: ng generate
구성 요소를 생성합니다.
복습: 생성
ng generate(ng g)는 올바른 규칙에 따라 구성 요소, 서비스, 지시문, 파이프 및 가드의 기본 구조를 생성합니다. --dry-run, --skip-tests 및 --inline-template과 같은 플래그로 출력을 조정할 수 있습니다. 다음 주제: 빌드 및 실행
자주 묻는 질문
“ng generate로 코드 생성” 강의는 무료인가요?
네 — “ng generate로 코드 생성” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Angular Academy 강의 전체를 잠금 해제할 수 있습니다. Angular Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“ng generate로 코드 생성”에서 뭘 배우나요?
컴포넌트, 서비스 등을 위한 기본 구조를 만듭니다. 브라우저에서 직접 실행하는 실습 코드로 Angular Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Angular Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Angular Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 3번째 강의입니다.
“ng generate로 코드 생성” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Angular Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Angular Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- 새 프로젝트 생성
- 프로젝트 구조 설명
- ng generate로 코드 생성
- 빌드 및 제공