새 프로젝트 생성
ng new로 앱을 만들고 옵션을 살펴봅니다.
새 프로젝트 생성은(는) CoddyKit의 무료 Angular Academy 강의입니다. 이것은 4개 중 1번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 Angular Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. Angular Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
Angular CLI
Angular CLI는 Angular 앱을 생성, 빌드, 제공하고 테스트하기 위한 공식 명령줄 도구입니다. 명령은 ng로 시작합니다.
CLI 설치하기
ng 명령을 어디서나 사용할 수 있도록 npm으로 전역 설치합니다.
npm install -g @angular/cling new로 프로젝트 만들기
ng new 명령은 새 Angular 작업 영역과 애플리케이션의 기본 구조를 생성합니다.
ng new my-appng new가 하는 일
폴더를 만들고, 종속성을 설치하며, TypeScript, 빌드 구성, 테스트 실행기, 시작용 Standalone 앱을 설정하고, git 저장소를 초기화합니다.
대화형 질문
기본적으로 ng new는 Angular 라우팅을 추가할지, 어떤 스타일시트 형식을 사용할지(CSS, SCSS, Sass 또는 Less)와 같은 몇 가지 질문을 합니다.
라우팅 추가하기
라우팅 질문에 답하거나 플래그를 전달하여 미리 결정할 수 있습니다.
ng new my-app --routing스타일 형식 선택하기
style 플래그로 사용할 스타일시트 언어를 선택합니다.
ng new my-app --style=scss설치 또는 Git 건너뛰기
종속성 설치나 git 초기화를 건너뛰는 플래그를 사용할 수 있습니다. CI나 스크립트로 설정할 때 유용합니다.
ng new my-app --skip-install --skip-git기본적으로 독립 실행형
최신 CLI 버전은 기본적으로 독립 실행형 애플리케이션을 생성하며, main.ts에서 bootstrapApplication을 사용하고 공급자를 위한 app.config.ts를 포함합니다.
프로젝트로 이동하기
생성한 후에는 추가 명령을 실행할 수 있도록 새 디렉터리로 이동합니다.
cd my-app도움말 보기
모든 명령은 사용 가능한 옵션을 나열하는 도움말 플래그를 지원합니다.
ng new --help빠른 확인: ng new
프로젝트를 생성합니다.
복습: 새 프로젝트
Angular CLI(ng)는 ng new my-app 명령으로 애플리케이션을 생성하며, 라우팅과 스타일시트 형식을 선택적으로 구성할 수 있습니다. 종속 항목을 설치하고 독립 실행형 시작 애플리케이션의 기본 구조를 생성합니다. 다음 주제: 생성된 구조 이해하기
자주 묻는 질문
“새 프로젝트 생성” 강의는 무료인가요?
네 — “새 프로젝트 생성” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 Angular Academy 강의 전체를 잠금 해제할 수 있습니다. Angular Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“새 프로젝트 생성”에서 뭘 배우나요?
ng new로 앱을 만들고 옵션을 살펴봅니다. 브라우저에서 직접 실행하는 실습 코드로 Angular Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
Angular Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 Angular Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 1번째 강의입니다.
“새 프로젝트 생성” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 Angular Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 Angular Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- 새 프로젝트 생성
- 프로젝트 구조 설명
- ng generate로 코드 생성
- 빌드 및 제공