[Angular.js][앵귤러js] AngularJS 3일차 [Expressions, binding, 바인딩]

안녕하세요 슬릭데브 입니다.

이번 주말은 날씨가 아주 좋네요!

제가 조금씩 글을 올리는 이유는 배울때 한번에 다 배우는거 보다 매일매일 조금씩 확실히 배우는걸 더 좋아합니다.

일단 앵귤러를 기본적인것만 배우고 최종목표인 ionic framework 를 이용해서 하이브리드 앱을 만드려고 합니다.

오늘의 주제는 Binding 입니다.

ng-bind 를 통해서 데이터를 가져오고 출력 할수 있지만 {{ }} 이런 괄호로도 출력할 수 있습니다.

질문은 언제든지 댓글로 남겨주시면 답을 해드리겠습니다.

---

Syntax를 보겠습니다.

숫자:

<p> 한달 교통비 : {{ cost * days}} 원 </p>

String (스트링을 한국어로 뭐라고 하나요?):

<p>안녕하세요 {{client.lastname+" " + client.firstName}}님, 어서오세요! </p>

Object (객체):

<p>대기번호: {{client.waitNo}} </p>

Array (음..한글로 어레이 라고 하나요?)

<p>손님 주문: {{menu[5]}}</p>

---

이젠 예제를 만들어 봅시다.

아래와 같이 코딩을 해봅시다.

여기서 Month 와 days를 직접 입력했는데 원래는 이렇게 안하지만 간단히 빠르게 보여주기 위해서 합니다.

이렇게 하시면 아래와 같이 브라우저에서 보실수 있습니다.

---

오늘은 주말이니까 여기까지 간단히 배워봅시다.

이번주는 Front end (프론트엔드, UI)의 기본을 익힐 예정이고

다음주 부터는 back end(서버, 데이터베이스) 와 연결하는 방법을 배울 예정입니다.

Ionic을 쓰면서 앱을 만들 예정이라서 데이터베이스는 Sqlite 혹은 Parse를 써볼 예정입니다.