01. Angular 시작하기

Angular 시작하기

Angular( angular js 2 )는 SPA( single page application ) 개발에 최적화된 자바스크립트 Framework이다.

1. Node.js를 먼저 설치한다.

https://nodejs.org/en/

2. Angular 커맨드라인 설치 및 앱 실행 

터미널에 노드 커멘드라인을 전역적으로 설치한다.

npm insall -g @angular/cli

프로젝트 그룹 폴더로 이동 한 후 프로젝트 폴더를 생성하고 앱을 실행한다.

cd /Applications/myProjectGroup/
ng new myApp
cd myApp
ng serve

설치 후 프로젝트 폴더 구조

myApp --- e2e
       |- node_modules
       |- src
           |- app

src 폴더 안에 app 폴더가 있는데 이 곳에 실제 프로젝트 파일을 생성하면 된다.

3. 애니메이션 플러그인 설치

angular 내에서 애니메이션을 구현하기 위해 플러그인 설치가 필요하다.

npm install @angular/animations@latest --save

4. Angular 코딩 기본 규칙

• 파일 이름은 소문자이며, 명사 사용

• 단어 구분은 하이븐(-) 사용

• 장식자, 서비스 등 앵귤러 관련 네이티브 클래스 파일 구분은 도트(.) 사용

• 클래스명은 파스칼 표기법( 첫글자 대글자, 단어구분 대글자 ) 명사 사용

app.component.ts

import { Component } from '@angular/core';
 
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
 
}