본문 바로가기

ionic

[Ionic2] 스크롤 가능한 이미지가 있는 카드 만들기 ionic 2.0 에서 카드와 스크롤러를 조합하면 이미지가 스크롤되는 카드를 쉽게 만들 수 있다. 이미지의 크기가 서로 다를 수 있음에 주의해야 하며, 코드에서는 ion-slide 태그에 height:auto 속성을 주어서 작은 이미지는 수직으로 중앙에 위치하도록 설정하였다. 첫번째 사진은 height:auto가 설정된 이미지 두번째는 설정하지 않았을 때 세번째는 풀사이즈 A card which contains scrollable image container. You can scroll images left or right. 더보기
[ionic] 로컬 앱 OAuth2 인증 수행하기 로컬에서 동작하는 웹앱에서도 제공되는 REST API등을 사용하기 위해 OAuth 인증(구글, 페이스북 등)을 지원해야 하는 경우가 종종 있습니다. 기본적인 OAuth에서는 로그인 단계에서 로그인 제공자가 앱 개발자쪽으로 콜백을 주는 부분이 있는데 이를 별도의 서버를 두지 않고도, 인앱 브라우저의 이벤트를 구독하여 url을 받아 파싱하는것만으로 처리할 수 있습니다. 예제는 Quizlet.com 의 OAuth를 구현하는것으로 작성하였습니다.(https://quizlet.com/api/2.0/docs/authorization-code-flow) 예제를 실행하기 위해서는 InAppBrowser 플러그인을 설치해 주세요 // 로그인 버튼을 누르면 실행되야 하는 함수 $scope.login = function (.. 더보기
[Ionic] ionic framework 스크롤 속도 문제 http://blog.ionic.io/announcing-ionic-1-2/ Native ScrollingBy default, Ionic 1.2 will use native scrolling on all platforms. When we first built Ionic, native overflow scrolling was very buggy in the browser, and to bring parity with features we’ve come to expect from mobile apps, such as pull-to-refresh and virtual scrolling, we decided we needed to have full control over our scroll view, so we.. 더보기