잡코더

시작 전 PlayerViewController에 몇가지만 추가하자. player을 추가하고 AVPlayer객체로 생성한다. AVPlayer에 extension으로 compute property를 추가하는데 재생하고 있는지 여부를 판단하는 변수이다. 이제 실제 Player를 만들어 보자 우선 위의 코드를 살펴보면 변수 playerView의 경우 PlayerView!로 선언되어 있는데, 이는 Custom Class가 PlayerView로 지정되어 있어서 이다. PlayerView의 경우 개발자 공식 홈페이지에서 가져온 코드이다. 우리는 AVPlayerLayer를 이용하기 위해 Custom Class를 지정한 것이었다. developer.apple.com/documentation/avfoundation/avp..

Player storyboard에서 PlayerView를 만들것이다. View를 넣고 superView과 top, bottom, leading, trailing을 모두 0으로 맞춘다. 여기서 top, bottom의 경우는 safeArea가 아닌 superView에 맞춘다. 이제 이 흰색화면에서 영상이 재생되는 것이다. AVPlayer 이를 구현하기 위해서는 AppleMusic Application에서 사용한 것과 같이 AVPlayer를 사용한다. 음악, 동영상을 재생할 때 사용하는 API이다. AVPlayerView https://developer.apple.com/documentation/avkit/avplayerview AVPlayerLayer https://developer.apple.com/doc..

swift 11.4 버전 부터 simulator에서 Rotate 기능이 생겼다. Cmd + 방향키 로도 방향을 바꿀 수 있다. Netflix의 경우 동영상을 재생할때 알아서 가로모드로 바꾼다. 가로 Landscape, Horizontally 세로 portrait, vertical 실제 보여지는 화면은 이렇기에 Landscape(가로)로 미리 지정한다. Delegate 이제 CollectionView에서 cell을 클릭했을 때 영상이 재생되도록 하는 것이다. collectionView의 Delegate를 구현하면 된다. storyboard의 customClass와 identity를 PlayerViewController로 지정한다. 그럼 이제 SearchViewControllerDelegate에서 Playe..

굉장히 간단한 문제지만 이제 알게 되었구만 PlayerView background color은 pink이고, ControlView background color은 teal이다. 지금은 ControlView가 위에있다. 왜? 순서대로 쌓이기 때문이다!!! View -> SafeArea -> PlayerView -> ControlView 그럼 Component의 위치를 바꾸면 반대로 될까? 그렇다. View -> SafeArea -> ControlView -> PlayerView

블록체인 원리 가장 중요한 개념만 쉽게 설명 https://www.youtube.com/watch?v=ybJW3LF7pkU 이전 글에서 간단한 블록체인의 원리는 이해 했을 것이다. 우리는 거래내역을 갖고있는 블록을 갖고있고, 이 블록들은 체인처럼 강력하게 엮여있다. 여기서 체인을 거는데 있어서 가장 중요한 개념은 문서 압축이다. 이때 문서에서 점 하나만 달라져도 압축된 문자열은 완전히 바뀌게된다. 문서를 문자열로 바꾸는 것은 가능하지만, 문자열을 문서로 바꾸는 것은 불가능하다. 현재 비밀번호를 관리하는 것이 이러한 해시함수에 해당한다. 블록체인에서 강력한 체인을 형성하기 위해 이러한 기술을 사용한다. 블록이 갖고 있는 데이터를 해시함수를 통해 되돌릴수 없게 만들고 이를 다른 블록에서 저장하는 구조이다. ..

블록체인 https://www.youtube.com/watch?v=BKLfMx5hscI 비트코인을 위해 블록체인이 생겨났다 처음에는 현재의 현금거래 제도에 대항한다 라는 취지를 가졌다. 예시를 들어보자 쉽게 예로 들면 외국에서 돈을 탕진한 친구가 100만원을 나에게 빌린다고 가정해보자 그럼 내 돈이 친구에게 순간이동해서 도착하는 것이 아니다. 나는 은행을 통해 송금을 요청하고 은행은 내가 그 돈을 가진지 검사한다. 검사완료가 되면 친구의 계좌에 넘어가게 된다. 이를 정리해보자 이 과정에서 은행이라는 제 3자가 개입을 하게 되었다. 나와 친구 둘만의 거래 과정에서 중개자로 자리잡고, 은행 장부에 이체 내역을 기입 함으로써 내가 친구에게 돈을 전달했다는 것을 보증한다. 여기서 문제점이 존재한다. 둘만의 거래..

Search 결과 구현 3- OpenSource Kingfisher UI update 우리가 데이터로 갖고 있는 것은 실제 thumbnail이 아닌 thumbnailPath이다. 즉, path(string) 정보를 갖고 image를 불러와야 update 가 가능하다. 물론 Networing로 직접 구현해서 가져와도 되지만 여기서는 외부 코드를 사용해보겠다. 오픈소스 서버에 있는 이미지를 쉽게 가져와서 캐싱하고 이미지로 만들어 주는 기능을 갖는다. 개발 시간에 한계가 있을때 오픈소스를 사용하는 것이 효율적으로 좋다. https://github.com/onevcat/Kingfisher onevcat/Kingfisher A lightweight, pure-Swift library for downloading ..

Search 결과 구현 2 - UI Update through MainQueue 지금까지 수행한 구현을 Build 하게 되면 오류가 발생한다. Main Thread에 의하면 UI update가 main Thread 가 아닌 곳에서 불려서 문제가 생긴 것이다. ?? 여기는 무슨 Thread인데 ?? 여기에서는 계속 Networking에 대한 기능을 구현했다. —> Global thread , qos: utility 네트워킹은 느린 녀석이기에 위의 thread를 통해 기능이 동작하는데 여기서 main thread에서 해야할 UI update를 해서 에러를 날린 것이다. 다음과 같이 Main Thread로 옮겨서 기능을 수행하면 오류없이 빌드 된다.

Search 결과 구현 1 - CollectionView 현재 검색 API를 만들었고, 결과를 받아올 모델 Movie, Response와 데이터를 받아오는 logic을 완성했다. 이제 결과를 받아와서 CollectionView를 표현해보자 CollectionView DataSource, Delegate를 구현해보자 MVVM패턴에서는 ViewController에서 데이터를 갖는게 아닌 ViewModel이 데이터를 갖고있고 메소드를 통해 가져오도록 해야하지만, 전체적 구조에 대한 이해를 높히고자 이렇게 구현해뒀다. CollectionView와 SearchViewController의 DataSource, Delegate를 연결하고 다음과 같은 protocol을 구현하면 된다. UICollectionViewCe..

SearchAPI 구현 2 - parsing 현재 받아온 JSON데이터는 다음과 같다. 그렇다면 이를 parsing하기위해서 Codable을 이용할 것이다. 이렇게 key를 맞춰서 parsing 할 준비가 완료되었다. Type Method --> search() 검색할 데이터를 SearchBar에 넣고 Search를 누르게 되면 해당 text 데이터를 ITunes에서 네트워킹을 시도한다. 여기서 적절한 예외처리 후 받아온 데이터를 parsing 하는 작업이 필요하다. 왜? 우리는 Movie데이터를 이용하기 때문에!! 현재 메소드의 길이가 길어지니 parsing하는 method를 새롭게 만들어보자 —> parseMovies() 받아온 데이터는 현재 Data type를 가진다. 데이터를 받아와서 [Movie..

SearchAPI 구현 1 (네트워킹) 이제 searchBar.text를 받아서 이를 SearchAPI를 통해 겸색 결과를 받을 것이다. 우선 우리가 필요한 것, 구현할 것에 대해 적어보자 Type Method 우리는 class SearchAPI 를 정의하고 메소도를 선언할 것인데, 이를 instance method가 아닌 type method로 선언한다. Type method 와 Instance method 의 차이점이 궁금하면!!! —> yeongwoo-cho.tistory.com/133 6. Instance Method vs. Type Method Instance Method vs. Type Method https://cocoacasts.com/swift-fundamentals-what-is-the..

SearchBar 구현 1. Search Bar와 collectionView가 필요하다. 2. 빈틈없게 Auto Layout을 적용한다. SearchViewController 우선 적용한 searchBar와 collectionView를 ViewContoller에 outlet으로 연결한다. searchBar의 경우 searchbar에 의한 결과들을 ViewContoller에 위임시켜서 거기에 해당하는 일들을 VC에서 담당하도록 할 것이다. —> searchBar를 ViewContoller에 Delegate 연결 여기서 SearchBar와 관련된 메소드를 구현할 것이다. 여기서 search를 눌렀을 때, ViewContoller에게 알려주는 method가 존재한다. —> searchBarSearchButto..