[Angular 공부 메모] (1) 프로젝트를 만들어 보자

2092 단어 AngularTypeScript

Angular란?



Angular(앵귤러)는, Google과 개인이나 기업의 커뮤니티에 의해 개발되고 있는 TypeScript 기반의 오픈 소스의 프런트 엔드 웹 어플리케이션 프레임워크이다.

환경 준비



미리 typescript의 지식을 가지고 있으면 됩니다.
  • Angular4
  • angular/cli: 1.1.0
  • nodejs: 12.10.0
  • 개발 IDE:WebStorm

  • 프로젝트 만들기



    이번에는 Angular와 Angular Material을 활용하여 프로젝트를 관리하기 위한 앱을 만들어 보자.
      우선은 아래의 커멘드와 같이, Anglar 프로젝트를 자동적으로 작성합니다.

    ng new projectname
    예: ng new tasker

    다음과 같이 로그를 출력하면 정상적으로 끝납니다.
    ......
    Successfully initialized git.
    Installing packages for tooling via npm.
    Installed packages for tooling via npm.
    Project 'tasker' successfully created.
    

    Angular Material 도입



    아래의 명령으로 필요한 Angular Material을 도입한다.

    npm install --save @angular/material

    시작



    아래 명령으로 프로젝트를 시작합니다.

    ng serve

    성공적으로 시작하면 localhost:4200을 통해 액세스할 수 있습니다.


    마지막으로



    끝까지 읽어 주셔서 감사합니다.
    소스 코드는 여기에서 다운로드할 수 있습니다.

    참고 : htps // 마테리아 l. 앙구 r. 이오/구이데/갓찐 g-s r d

    좋은 웹페이지 즐겨찾기