2012/05/17 09:55
분류없음
h1. awesome
* 직관적인
* 데이터바인딩
* DI
h1. 이것부터 보세요.
* http://www.youtube.com/user/angularjs
* http://www.youtube.com/watch?v=elvcgVSynRg
h1. FAQ
h4. 왜 angularJS를 써야할까요?
* html은 정적인 데이터를 표현하기에 가장 명확한 방법입니다. 하지만 동적인 데이터를 표현하려면 꼬이기 시작합니다. angularjs는 이를 해결해 줄 것 입니다. 읽기쉽고, 빠른개발을 가능하게 해줄 것 입니다.
* 기존에 만들어진 풍부한 라이브러리들과 훌륭하게 호환 가능합니다.
h4. 왜 AngularJS인가요.
* <html> 의 <를 말합니다. 각지다라는 말이죠.
h4.왜 ng인가요.
* 발음이 angular와 비슷합니다.
h4. 일반적인 자바스크립트 템플릿 시스템인가요?
* 그렇게 보입니다. 하지만 강점이 있습니다 *bidirectional data binding.*
* 뷰와 모델이 항상 싱크를 맞춥니다. 개발자는 고생할 필요가 없습니다.
h4. 브라우저 호환성은요?
* ie6이상이면 됩니다.
* ie9이상, 모던브라우저에서 훌륭합니다.
h4. 라이센스는요?
* MIT
h1. Tips
h4. ng-bind를 쓰세요
{code}
<div>{{ text }}</div>
=>
<div ng-bind="text"></div>
{code}
처럼 쓰면 angularjs가 html을 컴파일하기전에 {{ ... }} 가 보입니다.
h4. ng-repeat에서 인덱스는 $index입니다.
h4. ng-class-odd, ng-class-even은 있는데 첫 element는?
{code}
class="{{ $index==0 && 'fst' }}"
{code}
h4. ng-href, ng-src, ng-class, ng-style를 쓰세요. 그렇지 않으면 여러가지 예외 사항을 만날 수도 있어요.
h4. ie8이하를 고려하시죠?
{code}
<html ng-app="myApp" id="ng-app">
{code}
* 꼭 위와같이 선언해 주어야 합니다.
h4. ie버전별 테스트를 위해 ie 개발자 도구를 사용하시나요?
* 잘 안나올 수도 있습니다. ng-bind가 조금 이상한 것 같습니다. 하지만 실제로는 괜찮아요.
* msie버전을 잚못 잡아서 그래요.
댓글을 달아 주세요