이번 단계에서는 사용자가 폰 리스트 안에 폰을 클릭할 때 보여지는 폰 상세 뷰를 구현하겠습니다.-폰 리스트에 폰을 클릭할 때, 폰 상세 정보와 함께 폰 상세 페이지 는 보여질 것 입니다. Dataphones.json에 더해서, app/phones 디렉토리는 또한 각각의 폰에 대해 한 개의 json 파일을 포함합니다.app/phones/nexus-s.json : (sample snippet)각각의 이 파일들은 다양한 폰의 속성들을 같은 데이터 구조를 사용하여 묘사합니다. 폰 상세 뷰에서 이 데이터를 보여줄 겁니다. Controller $http 서비스를 사용해서 json 파일을 가지오기 위해 phoneDetailCtrl를 확장 할것입니다. app/js/controllers.jsHTTP 요청을 위한 URL을..

이번 장에서는 레이아웃 템플릿을 만드는 방법과 ngRoute 이라 불리는 Angular 모듈을 이용해서 라우팅을 추가해서 다중 뷰를 가지고 있는 어플리케이션을 만드는 방법에 대해서 배워보겠습니다.-app/index.html 에 이동 할 때, app/index.html#/phones로 리다이렉트되어지고, 브라우저에서 폰 리스트를 나타냅니다.-폰 링크를 클릭할 때, URL은 폰과 폰 디테일 페이지의 일부분이 보여지는 곳으로 변경됩니다. Dependencies이번 단계에서 추가된 라우팅 상관 관계는 코어 Angular 프레임워크로부터 세분화되어 분산되어진 ngRoute 모듈에서 angular에 의해 제공되어 집니다. 클라이언트 사이드 의존성들을 설치하기 위해 Bower를 사용하고 있습니다. 이번 단계에서 새로..

이번 장에서는 폰 리스트안에 폰 썸네일을 추가 할 것입니다. 그리고 어딘지는 모를 알수 없는 곳으로 갈 링크를 붙이게 됩니다. 그 다음엔, 추가적인 정보인 카탈로그안에 폰에 관해서 보여주는 링크들을 사용 할 것입니다. 지금 리스트 안에 폰 이미지와 링크가 있습니다. 가장 중요한 변경사항들을 아래 리스트되어 있습니다. 전체 다른점을 깃허브에서 볼 수 있습니다. Dataphones.json 파일은 유니크한 ID 와 이미지 URL 각각의 폰에 대한 포함하고 있다는 것을 주목하세요. URL은 app/img/phones/ 디렉토리을 가리키고 있습니다. app/phones/phones.json (sample snippet): Templateapp/index.html 향후에 폰 디테일 페이지로 이어지는 링크를 다이나..

(참고) XHR = XmlHttpRequest 의 약자입니다.... 무슨넘의 약자를 이리 많이 쓰노... 하드코딩 데이터 셋안의 세개의 폰들을 가지고 앱을 구성하는 것은 이젠 충분합니다. 자 이제 $http 를 가지고 서버로부터 좀 더 큰 데이터 셋을 가져오도록 합시다. Angular의 DI를 사용해서 PhoneListCtrl 컨트롤에서 서비스를 제공 할 것입니다.여기 서버로부터 로드 한 20개의 폰 목록이 있습니다. Data 여러분 프로젝트 안에 app/phones/phones.json 파일에는 JSON 포멧에 맞춰 저장된 좀 더 큰 폰 리스트를 포함하고 있는 데이터셋이 있습니다아래 샘플 파일을 보세요. Controller컨트롤러는 웹 서버에 있는 app/phones/phones.json 파일안에 데이..

디지털 놀이터 ... 근 10년사이에 우리가 보고,듣고,느껴온 디지털 문화에 대한 요약집. 내용이 어렵지 않아 술술 금새 읽었는데 잼있당.글을 잘 쓰는 것도 능력이다.최근 많은 듣는 키워드들을 잘 풀어 낸 책.

오래간만에 독서!! 베스트셀러였다는데 이제 읽네 ..꿈만 꾸는 것이 아니라, 꿈을 현실로 이루고 온 뒤에 읽는 유럽이라.. 다시 가고 싶은 유럽이라...못가보고 못먹어보고 못 느껴본 곳들이 너무 많네...읽으면서 아쉬움과 그리움이 교차되는 느낌...