[ios/tutorial] Core Animation 모든 것!! [ios/tutorial] Core Animation 모든 것!! 참고 : https://www.objc.io/issues/12-animations/animations-explained/ -Animation 을 수행하는 방법은 크게 2가지. 1. UIView 의 class method “animateWithDuration:” 을 사용하는 방법2. Core Animation 을 사용하는 방법. Simple Animation 이 아니라면 Core Animation 을 사용하는 것이 추천된다.훨씬 코드의 가독성이 좋고, 더 많은 기능을 제공한다.But, 더 많은 학습을 필요로 한다. 물론 애플의 권장사항은 할수만 있다면 항상 UIKit 에서 제공되는 Animation 을 사용하길 원한다. -Core Anima.. 2017. 11. 30. [ios/reference] Setting Up Layer Objects [ios/reference] Setting Up Layer Objects https://developer.apple.com/library/ios/documentation/Cocoa/Conceptual/CoreAnimation_guide/SettingUpLayerObjects/SettingUpLayerObjects.html#//apple_ref/doc/uid/TP40004514-CH13-SW12 -iOS 앱에서 Core Animation 은 항상 enable 되어 있고, 모든 view 는 layer 가 backed 되어 있다.OS X 는 Core Animation 을 명시적으로 enable 시켜야 한다. -Layer-backed view 는 CALayer 를 기본으로 만든다.그러나 상황에 따라 다른 Lay.. 2017. 11. 21. [ios/reference] Core Animation [ios/reference] Core Animation https://developer.apple.com/library/ios/documentation/Cocoa/Conceptual/CoreAnimation_guide/Introduction/Introduction.html#//apple_ref/doc/uid/TP40004514-CH1-SW1 -Core Animation 은 iOS, OS X 모두에 속하는 animation 에 대한 infra structure 이다. -몇 가지 설정만 해주면, 알아서 animation 을 만들어 수행한다.animation 에 대한 수행은 안쪽에서 알아서 hardware 가속 등을 사용해 rendering 한다. -Core Animation 은 UIKit/ AppKit 아래.. 2017. 11. 19. css3 box-sizing property. css3 box-sizing property. 참조 : http://ko.learnlayout.com/box-sizing.html CSS 의 Box model 에서 말하는 width 값은 content box에 해당한다. 해당 view ( box ) 가 차지하는 총 width 의 값은 padding, border 값을 포함하게 되어 직관적이지 않게 되어,기존에는 원하는 width 를 맞추기 위해 padding 을 줄이거나 border 값을 줄이는 방법 등으로 width 를 조절해 나갔다. CSS3 의 box-sizing: border-box 로 지정해주면,안드로이드의 view 체계와 비슷하게 margin 값을 뺀 border-box 를 해당 view 의 width 로 잡게 되어 훨씬 직관적이고 좋다. b.. 2014. 4. 9. Bootstrap All Functions #2 Bootstrap All Functions #2 HTML 5 Doctype .. Mobile First BootStrap 3 부터는 기본적으로 responsive web page 이다. Bootstrap 3 부터는 모바일 단말들이 먼저이고, 데스크탑을 다음 순위로 지원한다. 추가적으로 user-scalable=no 를 넣을수도 있다. 이 녀석은 모바일 단말에서 zoom 을 막는 효과가 있다.maximum-scale=1.0 은 user-scable=no 와 함께 쓰여서 native app 과 비슷한 효과를 볼 수는 있으나, responsiveness 는 떨어진다고 볼 수 있다. Responsive Images .img-responsive{ display: inline-block; height: auto; .. 2014. 3. 18. Bootstrap All Functions #1 Bootstrap All Functions #1 Container, Row, SpanX Responsive Web Typography -기본 tag 들에 대해서도 style 이 적용되어 있다. - blockquote 의 경우 위와 같이 두드러지게 바뀐다. -기본 tag 의 style 을 제거하려면 class="unstyled" 를 적용한다. -dl 의 경우 class="dl-horizontal" 로 수평 definition list 를 사용할 수 있다. Glyphicon User -Glyphicon customize pagehttp://www.w3resource.com/twitter-bootstrap/3/glyph-customization.html Table Forms Search -bootstrap 의.. 2014. 3. 13. [기초강좌] HTML Head - w3schools 번역 [기초강좌] HTML Head - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원문 : http://www.w3schools.com/html/html_head.asp The HTML The content of the document...... The HTML Element tag 는 페이지 안에 있는 모든 상대경로 URL 의 기본 URL 그리고 기본 target 을 정의한다. The HTML Element tag 는 문서와 외부 리소스와의 관계를 정의한다. tag 는 대부분 style sheet 을 연결할 때 사용된다. The HTML Element tag 는 HTML 문서의 style 정보를 정의하는 데 사용된다. element 안에는 HTML element 들이 어떻게 그.. 2014. 3. 10. [기초강좌] HTML Elements - w3schools 번역 [기초강좌] HTML Elements - w3schools 번역 w3school 의 강좌 내용을 번역한 글입니다. 원본 : http://www.w3schools.com/html/html_elements.asp HTML 문서는 HTML elements 들로 정의된다. HTML Elements HTML Element 는 start tag 부터 end tag 를 포함한 전체를 이야기한다. * start tag 는 opening tag, end tag 는 closing tag 라고도 불린다. HTML Element Syntax * HTML element 는 start tag 혹은 opening tag 로 시작한다.* HTML element 는 end tag 혹은 closing tag 로 마무리된다.* Eleme.. 2014. 2. 20. 반응형 이전 1 다음
