angular cli3 앵귤러 기초(Angular basic) 34. ng serve, ng generate 지난 포스트에 이어 angular CLI가 이어집니다. 이번 포스트에서는 ng serve에서 출력되는 번들에 대해 알아보고, 이를 브라우저에서 확인해 보겠습니다. 그리고 ng generate란 무엇이고, ng generate의 명령어 종류에 대해 알아보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. ng serve의 역할 ng serve후 번들 되는 파일 ng generate의 역할 ng generate명령어들 ng serve의 역할 ng serve 명령은 애플리케이션을 컴파일하여 템플릿과 TypeScript코드를 JavaScript로 바꿉니다. 그리고 포트 4200에서 수신하는 로컬 웹 서버를 시작합니다. ng serve로 웹서버를 시작하게 되면 메모리에서 애플리케이션을 제공해 주고 파일을 변경.. 2022. 2. 13. 앵귤러 기초(Angular basic) 33. Angular CLI, ng new 생성 파일 AngularCLI에 대해 알아보고, CLI명령인 ng new로 프로젝트를 만들 때 생성되는 파일에 대해 알아보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. Angular CLI란 Angular CLI 기본 문법 ng new사용법과 ng new로 생성된 파일들 알아보기 Angular CLI란 Angular CLI는 Angular에 대한 명령줄 인터페이스입니다. Angular CLI의 주된 목적은 Angular 애플리케이션 구축, Angular 파일 생성, 결과 애플리케이션 구축 및 서비스, 테스트 실행, 배포 준비 등을 지원하는 것입니다. 앵귤러 CLI 기본문법 앵귤러 CLI의 기본 문법은 아래와 같습니다. ng -- 예를 새로운 프로젝트를 작성할때는 아래와 같이 이용 합니다. ng new he.. 2022. 2. 12. 앵귤러 기초(Angular basic) 2.앵귤러 개발 환경 구축 앵귤러 개발에 필요한 환경 구축을 해보겠습니다. 이번 포스트에서는 아래 내용을 다루고 있습니다. 코드 편집기(VS Code) 설치 npm설치 및 npm 이해하기 Angular CLI를 이용한 앵귤러 애플리케이션 작성 및 실행 코드 편집기 설치 하기 타입스크립트를 지원하거나 플러그인을 통해 지원하는 많은 편집기가 있습니다. 많은 웹 개발자와 앵귤러 개발자들이 많이 사용하는 Visual Studio Code(이하 VS Code)를 선택하기로 하겠습니다. 다른 편집기를 사용해도 상관없지만, 타입스크립트를 지원하는 편집기를 고르면 앵귤러 코딩이 더욱 편하고 즐거워집니다. VS Code란 무엇일까요? 마이크로소프트에서 만든 코드 편집기입니다. Mac에서 Linux, Windows 및 OS X에서 실행됩니다. 자동.. 2022. 1. 13. 이전 1 다음
