Angular

블로그의 내용을 바탕으로 앵귤러 첫걸음 이라는 책이 출판되었습니다. 블로그에서 담기 힘든 자세한 내용을 책으로 엮었습니다. 조금 더 다양한 예제와 설명은 책에서 제공합니다. 블로그의 글도 시간을 내어 최신버전에 맞게 내용을 짬짬히 업데이트 할 예정입니다.

Angular에 대한 연재를 계획하고 있습니다. 대상 독자는 적어도 javascript에 대한 기본적인 개념과 jQuery로 간단한 정도의 동적인 웹개발을 해보신 분을 가정하고 있으면  angular나 react, ember와 같은 다른 자바스크립트 라이브러리나 프레임워크를 사용하신 분들은 전혀 문제가 없습니다.

Angular는 버전2가 정식 출시되면서 더 이상 Angular2로 부르지 않고 Angular로 호명하기로 하였습니다. 버전은 Semver에 따라 변경될 뿐 앞으로 명칭을 Angular(앵귤러)로 사용하면 됩니다. 참고: http://angularjs.blogspot.kr/2017/01/branding-guidelines-for-angular-and.html

목차

  1. Angular(앵귤러) 시작하기
  2. Angular(앵귤러): QuickStart 따라하기
  3. Component
  4. template
  5. 상태 다루기
  6. 데이터 바인딩
  7. 지시자 (Directive)
  8. 파이프
  9. 서비스
  10. 의존성 주입
  11. 생명주기
  12. 테스트

A 프로젝트

참고

  • 예제 프로그램 및 프로젝트 구성
  • jQuery vs Angular 2 코드 비교
  • 반응형 프로그래밍 분류 (THE TAXONOMY OF REACTIVE PROGRAMMING 번역)
  • Angular2에서 Typescript를 사용하는 이유 (Angular2: Why TypeScript 번역)
  • SPA와 웹사이트 논쟁
    • https://www.reddit.com/r/javascript/comments/2gjl91/is_developing_single_page_web_application_really/
  • 왜 서버 렌더링이 아닌 프론트 렌더링인가?
    • 프론트 앱의 렌더링과 관련된 내용
    • http://programmers.stackexchange.com/questions/315927/client-side-rendering-vs-jsps-for-spring-mvc-front-end-dev
    • https://www.reddit.com/r/javascript/comments/3s4vqj/what_is_server_side_rendering/
    • https://blog.twitter.com/2012/improving-performance-on-twittercom
    • http://openmymind.net/2012/5/30/Client-Side-vs-Server-Side-Rendering/
  • Isomorphic JavaScript
    • http://isomorphic.net/
    • http://nerds.airbnb.com/isomorphic-javascript-future-web-apps/
  • 네이티브 앱 + electron
    • http://onehungrymind.com/electron-angular-2-things/?utm_campaign=NG-Newsletter&utm_medium=email&utm_source=NG-Newsletter_151

 

Angular Related Resources