동동이

동동이

  • 분류 전체보기 (84)
    • iOS (34)
    • SWIFT (23)
    • Design Pattern (3)
    • Combine (2)
    • RxSwift (3)
    • Algorithm (12)
    • Git (5)
    • 회고 (2)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

동동이

컨텐츠 검색

태그

Algorithm Core Animation RxSwift Observable iOS Developer uicollectionview CABasicAnimation RxSwift UICollectionViewFlowLayout BFS iOS Unit Test Git 알고리즘 dp iOS Dev 백준 CAShapeLayer IOS 프로그래머스 SWIFT UIBezierPath

최근글

댓글

공지사항

아카이브

iOS Dev(62)

  • [SWIFT] Patterns, Pattern Matching - 패턴과 패턴매칭 (1)

    오랜만에 SWIFT 문법에 대해 작성을 해보네요..!! 오늘은 SWIFT 문법의 패턴과 패턴 매칭에 대해 작성해볼까 합니다. 딱 패턴, 패턴 매칭 두 단어를 듣고 오는 느낌은 어떻나요? 패턴은 어떤 구조를 정형화시켜서 나타나는 느낌(?) 같죠. 패턴 매칭은 이러한 패턴을 찾아내는 것을 말하는 것 같죠. 말의 뜻은 알겠지만 저게 SWIFT에서 어떻게 쓰이지..? 느낌이 잘 오지 않죠. 지금부터 패턴들을 하나하나 보면서 패턴과 패턴매칭을 위한 패턴이 어떻게 사용되나 볼게요~~ 와일드 카드 패턴(Wildcard Pattern) 와일드 카드 패턴은 여기에 들어오는 값은 모두 값을 무시하고 동일하게 처리할 수 있습니다. 밑줄("_") 식별자를 사용합니다. 크게 사용되는 곳은 for-in, switch 구문들을 자..

    2021.01.10
  • [iOS] CABasicAnimation 활용 (2) - 로딩 애니메이션 (UIBezierPath, CAShapeLayer)

    오늘은 저번 시간에 이어 CABasicAnimation을 활용해서 새로운 애니메이션을 만들어 보았어요..!! 카카오톡에서 더보기 탭의 여러 메뉴들을 클릭하고 데이터를 받아올 때, 로딩화면이 있더라구요..? 저는 항상 이런것도 디자이너한데 부탁해서 Air BnB-Lottie를 이용해서 구현했는데, CABasicAnimation을 사용하고 보니깐 이것도 할 수 있겠다 생각이 들어서 바로 만들어봤어요. 먼저 화면을 먼저 보여드리면 다음과 같아요. 요런화면 어떤 요청을 보낼 때 본적 있죠? 오늘은 저걸 만들어볼게요!! 구현 방법 이 화면에서는 구현해야 할 UI요소가 몇가지일까요..? 저는 크게 2가지로 구성을 했는데요. 진행 트랙을 보여주는 뒤의 Background Layer 화면이 돌아가며 진행을 보여주는 I..

    2021.01.08
  • [iOS] CABasicAnimation 활용 (1) - Counting Progress (UIBezierPath, CAShapeLayer)

    이전 포스팅에서는 간단하게 CABasicAnimation을 이용해서 할 수 있는 애니메이션을 해보았어요..!! [iOS] CABasicAnimation란 요즘 Core Animation에 관심을 가지면서 Core Animation를 공부해보기위해 간단히 사용해보았어요...!! 기존에 UIKit의 요소를 애니메이션을 시키기위해선 간단하게 UIView.animate를 사용하였는데, CALayer를 dongminyoon.tistory.com 이번에는 이를 활용해서 좀 더 다양한 애니메이션 효과들을 구현해볼려구요! (인터랙션 앱 개발 마스터가 되기 위해..?!) 오늘 구현해 볼 애니메이션은 다들 앱을 사용할 때, 어떤 파일을 다운받거나 할 때 로딩화면을 보여주는 애니메이션 보셨나요..⁉️ 뭐 시간을 세는 앱에서..

    2021.01.04
  • [iOS] CABasicAnimation란

    요즘 Core Animation에 관심을 가지면서 Core Animation를 공부해보기위해 간단히 사용해보았어요...!! 기존에 UIKit의 요소를 애니메이션을 시키기위해선 간단하게 UIView.animate를 사용하였는데, CALayer를 애니메이션 시키기 위해선 CABasicAnimation 요소를 사용하여야 한다고해요. 그렇다면 CABasicAnimation이란 무엇이냐..⁉️ 기본적인 애니메이션 동작가능한 기능들을 제공하는데 이 때, keyPath를 활용하여 특정 애니메이션을 지정하고 동작하게 할 수 있습니다. 이 CABasicAnimation을 이용하면 일단 보았을 때, KeyPath를 이용해 더욱 다양한 Animation을 지정할 수 있는 것 같아요! 리스트를 보면 opacity : 투명도 ..

    2020.12.31
  • [iOS] CALayer란

    다들 UIView의 요소들을 둥글게 만들고 싶을 때, layer.cornerRadius를 이용해서 둥글게 만든 기억이 있으시죠⁉️ 바로 그 layer가 이 UIView의 요소인 CALayer 클래스를 이용해서 한 방법이랍니다. 그렇다면, 이 클래스는 무엇일까요..⁉️ 면접에서도 나오는 질문인데, UIView와 CALayer의 차이..?! 개발자 문서를 보면 렌더링을 위한 Core Animation 계층이라고 나와있습니다. 생각해보면 그동안 UIView.layer을 이용했던 작업들은 보통 그래픽적인 요소들이었던 것 같아요. ex) 그림자, 그라데이션, 모서리 둥글게 만들기 등등의 작업들을 했었어요. 그렇다면 CALayer 클래스를 이용해서 그래픽적인 작업을 하면 어떤 이점이 있어서 굳이 분리해서 사용할까요..

    2020.12.31
  • [iOS] CollectionView Carousel 3D Effect

    저번 시간에 UICollectionViewLayout을 잡는 방법에 대해 포스팅을 했었는데, 오늘은 이를 활용해 Carousel을 만드는 연습을 해볼게요. 우선 오늘 만들어 볼 화면을 볼게요!! 다음과 같이 스크롤을 넘기면서 넘어갈 때, 옆의 Cell들이 가운데에 맞추어서 커지는 효과⁉️ 이를 구현하는 방법은 더 있을건데, 저는 UICollectionViewFlowLayout 객체를 커스텀해서 만들어보았습니다. 우선 초기에 설정해줄 것은 ViewController에서 CollectionView에 대해 선언하는 것입니다! class ViewController: UIViewController { @IBOutlet weak var collectionView: UICollectionView! override f..

    2020.12.13
1 ··· 4 5 6 7 8 9 10 11
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바