기본 콘텐츠로 건너뛰기

Angular? AngularJS?

Angular? AngularJS?

* Angular? AngularJS?

- 2.0.0부터 Semantic Versioning (SEMVER)을 적용

- 1.x 버전은 `AngularJS`

![AngularJS](https://angularjs.org/img/ng-logo.png)

- 2.0.0부터는 `Angular`

- 이후로는 Time-based Release Cycle이 적용됨

- 매주 patch release, 매 6개월마다 3개의 minor update & 1개의 major update (beta, RC 포함)

* Angular 4.0.0

- Released on 2017.3.23

- 2.x에서 3을 건너뛰고 4.0.0으로 간 배경

- core Angular library들이 하나의 GitHub repository (https://github.com/angular/angular) 에 위치해 있는 상태

- Google Runs On GitHub's master@HEAD (MonoRepo)

- Google에서 Angular를 사용하는 프로젝트들은 모두 master branch의 동일 버전을 사용 (extensive tests...)

- Angular 2.x는 TypeScript 1.8 기반

- TypeScript 2.1 (not compatible with 1.8) 로 올리려고 하는 상황에서...

- 다른 것들은 v2.3.0인데 @angular/router package의 버전이 v3.3.0이어서 3을 건너뛰고 4.0.0로 변경

- Backwards Compatible with Angular 2

* Official languages at Google

- C/C++, Java, JavaScript, Python, Go, **`TypeScript`**

- TypeScript & Angular => Google Analytics, Firebase, Google Cloud Platform and Google internal tools such as bug tracking, employee reviews, and product approval and launch tools.

- Dart & AngularDart => AdWords, AdSense, Shopping and by critical internal tools such as Google CRM. And Flutter (https://flutter.io/)

- http://yobi.navercorp.com/common/share/issue/731

* TypeScript

- Typescript: Angular 2's Secret Weapon - Dan Wahlin (https://www.youtube.com/watch?v=e3djIqAGqZo)

- Angular에 TypeScript 예제가 부족하다는 것이 하나의 허들이었는데 의외로 쉽게 적응 할 수 있을 듯

- type checking, intellisense 지원

- React에서도 TypeScript 사용 가능

- immutable.js를 사용할때 약간의 처리가 필요한 듯

* Angular CLI

- can create a project, add files, and perform a variety of ongoing development tasks such as testing, bundling, and deployment.

- 별도의 starter kit 필요 없이 skeleton을 생성 가능

- https://angular.io/docs/ts/latest/cli-quickstart.html

from http://arx2580.tistory.com/61 by ccl(A) rewrite - 2020-03-07 00:54:59

댓글

댓글 쓰기

이 블로그의 인기 게시물

[Debugging] AngularJS2 - Can't bind to 'ngModel' since it isn't a...

[Debugging] AngularJS2 - Can't bind to 'ngModel' since it isn't a... - 좋아요 하이 .. !! Angular2 로 개발을 하다가 아래와 같은 에러를 만났다. 흠 .. 이게 뭘까 열심히 구글링을 해봤다. 간단한 내용이다. 모듈을 추가해주기만 하면 된다. app.module.ts를 열어보자. 여기에다가 FormsModule 과 ReactiveFormsModule을 추가해주면 문제가 해결된다 ! 다들 즐거운 코딩하자. from http://devkingdom.tistory.com/106 by ccl(A) rewrite - 2020-03-18 00:54:15
댓글 쓰기
자세한 내용 보기

[aws] deploy Angular app with s3 | AWS S3로 angular 앱 배포하기

[aws] deploy Angular app with s3 | AWS S3로 angular 앱 배포하기 angular project를 빌드한다 ng build --prod 그러면 dist 폴더가 생긴다. dist 폴더 안에 있는 아이들을 사용한다. 아마존 s3 콘솔로 이동 https://s3.console.aws.amazon.com/s3/home?region=ap-northeast-2 새로운 Bucket 을 생성한다(Create bucket). 버킷 이름은 고유하게 짓는다. 버킷 생성후 properties tab > static website hosting을 클릭한다. index document는 index.html은 쓴다. properties > static website hosting Permission tab 에서 권한을 수정한다. overview tab 에서 필요한 파일 업로드 dist 폴더 안에 있는 파일들을 업로드 한다. bucket policy 설정 properties > static website hosting > endpoint 클릭하면 서버에 올라간 앱을 확인 할 수 있다 일단 angular 앱을 올리긴 했는데.. 이걸로는 아무것도 할 수 었다. django로 만든 서버를 올리고 database를 연결하고 그것을 지금 이 angular 앱과 연결해야한다. 아직 어떻게 해야 할지는 모르겠음 계속 삽질 중. 그래도 angular app 하나 올라갔는데 재밌네 from http://paigeblog.tistory.com/18 by ccl(A) rewrite - 2020-03-25 16:20:22
댓글 쓰기
자세한 내용 보기

Angular2 시작하기

Angular2 시작하기 Angular2 시작하기 1. NodeJS 설치 - https://nodejs.org/ko/ NodeJS 공식 홈페이지 접속하여 Node를 다운 후 설치. 2. NPM 을 통한 Angular-Cli 설치 Window Command 를 통하여 npm install -g @angular/cli 명령어를 실행한다. 위와 같이 정상적으로 angular-cli 가 설치되었다면 Project 가 위치할 폴더를 생성. 참고 사이트 : https://cli.angular.io/ 3. Angular-cli 를 통한 Angular Project 생성. Window Command 를 통한 ng new [폴더명] 위와 같이 Angular 기본 프로젝트가 생성됨. 해당 프로젝트로 폴더로 이동하여 ng serve 명령어 실행 Node 를 통해 Angular 프로젝트 실행. http://localhost:4200 접속하게되면 위와같이 Angular 프로젝트 실행된다. 앞으로 Angular2 의 개념들을 포스팅하면서 Spring-Boot , Spring Project의 Angular-cli 를 이용하여 ng build 하여 포팅하는 글을 올리겠습니다. from http://overclassbysin.tistory.com/3 by ccl(A) rewrite - 2020-03-07 07:55:13
댓글 쓰기
자세한 내용 보기