본문 바로가기

앵귤러3

728x90
Angular #Angular, AngularJS 차이점 *2019-09-12 AM12:21 기준 Angular, AngularJS 차이점 비교 Angular TypeScript 기반 TypeScript는 ES6의 상위 세트이며 ES5와 호환됩니다. Angular는 람다 연산자, 반복자 또는 리플렉션 메커니즘과 같은 ES6의 이점이 있습니다. Angular에는 범위 또는 컨트롤러 개념이 없습니다. 그 대신 구성 요소의 계층 구조를 주요 아키텍처 개념으로 사용합니다. 구성 요소는 템플리트가있는 지시문입니다. 이는 사용자 인터페이스 구축에 사용되는 또 다른 라이브러리 인 ReactJS와 유사한 접근 방식입니다. Initial release: 2.0 / 14 September 2016; 2 years ago Stable release: 8.2.4 / 28 Augus.. 2019. 9. 12.
Angular #Create My First Project 1. Create Angular Project *[my-first-project] 은 사용자 정의 프로젝트명이 들어갑니다. $ ng new [my-first-project] $ cd [my-first-project] 2. Builds and serves your app, rebuilding on file changes 앱을 빌드합니다. $ ng serve 3. localhost:4200 Web browser에서 빌드된 프로젝트의 첫 화면을 접속합니다. ng serve 참고 사이트(EN) : https://angular.io/cli/serve 2019. 9. 10.
Angular #Angular CLI 설치 Angular CLI 란? Angular CLI는 간단한 명령어를 사용하여 Angular 프로젝트 스캐폴딩(scaffolding)을 생성, 실행, 빌드할 수 있으며 Angular의 다양한 구성 요소를 선별적으로 추가할 수 있는 커맨드-라인 인터페이스(command line interface)입니다. 개발용 서버를 내장하고 있어 프로젝트 실행 동작을 확인할 수 있습니다. Angular CLI 설치하기 $ npm install -g @angular/cli ※ 유의사항 node.js의 버전이 angular cli의 버전과 맞지 않을 경우가 있습니다. 그럴 경우 node.js와 npm의 버전을 최신버전으로 맞추고 진행합니다. ※ node.js 최신버전 업데이트 1. 지웠다 다시 깝니다. (제일 쉽고 확실한 방법.. 2019. 9. 10.