반응형

최근 공부를 시작하면서 최신?이라고 하긴 좀 어렵지만 실무에서 사용하지 못해왔던 여러가지들을 찾아 가며 공부를 해보고 있다 

물론 써봐야 확실히 감이 오지만 

 

오늘은 ...... 디자인 패턴? 이라고 해야 할거 같은데 MVVM과 TCA 차이점에 대해 알아 보고자 한다. 

제목과 같이 질문을 하니........ 다음과 같이 알려주었다. 

그리고 둘의 차이점에 대한 코드를 요청 하였다 

한번 더 살펴 보아야 겠다.....

좀 더 물어 봐야 겠음.

반응형
Posted by onlyTheOne
,
반응형

지난 편에 이어서...  (링크 : https://opendev4u.tistory.com/181 )

최초에 질문 했을때 combine 사용한 예시 코드를 설명해 주었다. 

그래서 다음과 같이 다시 물어보았다.

"그럼 mvvm 구현을 위해 combine을 써야 한다고 말해줘야 하는거 아닌가?" 

라고 물었더니 다음과 같이 피드백을 주었다. 

다음과 같이 피드백을 주었다. 

MVVM 을 구현 한 소스코드 예시는 크게 3가지 방법을 알려주었다. 

Combine 없이 구현 하는 방법 / Combine 이용하는 방법 / RxSwift 이용하는 방법 

그리고 부가 설명을 해주었다. 

과연 이것만 가지고 이해가 될까?? 아직 부족해 보이고... 아하 하기엔 애매한 면이 있어

더 공부 해 볼겸 해서 좀 더 물어보면서 파보기로 했다.

#3 에 이어서...

반응형
Posted by onlyTheOne
,
반응형

나는 아직 MVVM을 제대로 사용해 본적이 없다.

MVVM 을 사용할 만한 서비스 앱을 아직 운영해보거나 개발해 본적이 없다.

개인 스터디로 하기엔 먼가 한계가 있어 보였다. 

그래서 최근 쓰기 시작한 Claude 를 통해 MVVM을 정리해보고자 한다. 

다음과 같이 질문 했다.

"mvvm 에 대해서 설명해줘 나는 도무지 모르겠어 이해가 안되... 이해좀 시켜주었으면 해" 

Claude의 답은 다음과 같았다 .

< 스크린샷 1번 : Claude가 설명해 준 mvvm 에 대한 답변 >

 

MVVM의 핵심은... 내가 잘못 이해 했을 수도 있지만 

- 데이터 바인딩을 통한 자동 업데이트 

이지 않을까 싶다. 

그 이유는 Claude가 설명해 주며 Combine을 활용한 코드를 안내해 주었다.

이 소스코드를 보면서 일부 생략? 누락? 한 듯한 로직이 보여서 눈으로 읽어 컴파일 돌려 보았다. 

눈에 뜨던게 .sink 라는 블록 함수? 와 &cancellables 라는 항목명이 눈에 띄었다.

이건 머지?라고 인터넷에서 검색을 하고 나서 보니.... Combine을 이용한 코드 였던 것이다. 

나는 Combine에 대한 존재는 알고 있었다. mvvm을 좀더 쉽게?구현하는데 RxSwift라는 3rd party 라이브러리가 있고 

이것과 유사한 라이브러리가 Apple에서 제공해준게 Combine 이였기 때문이다. 

그런데 코드가 누락된? 부분이 많아 실제 컴파일 돌리기엔 리스크가 컸다. (사실 컴파일 에러도...)

먼가 이상함을 느껴 다시 Claude에게 질문해 보았다.

"이 코드에 .compactMap하고 sink 함수는 rxswift에 있는거야? 아님 combine에 있는거야" 

답은 다음과 같이 나왔다. 

 

내용을 보면 RxSwift, Combine비교 내용도 있고 어떤 상황이냐에 따라 어떤걸 쓸지도 알려주고 있었다. 

To be continue...

반응형
Posted by onlyTheOne
,
반응형

RxSwift, MVVM... 먼가... 공부하며 정리한 내용을... 적어 보려 한다. 

 

이게 먼가... 봐도 봐도 모르겠는..

< 출처 : pixabay >

 

이제야... 음... 놓친게 무엇인지... 

 

알겠다 ㅎㅎㅎ 

 

근데... 이건 진짜... 시퀀셜 이라고 해야 할까.... 

 

이걸 하고 / 이걸 하고 / 이걸 해야 RxSwift, MVVM이 먼지 감이 오는 상황이 되는 것이다. 

 

 

자! 그럼 윗줄에 내가 쓴 1번 이걸 하고, 2번 이걸 하고, 3번 이걸 해야에 대해서 

 

아주 디테일하게 잘 써주신 분들이 계셔 그분들의 글을 퍼오면 예의가 아니니 

링크를 붙여 두려 한다. 

 

1번 이걸 하고 

https://pilgwon.github.io/blog/2017/10/09/RxSwift-By-Examples-2-Observable-And-The-Bind.html

 

예제로 시작하는 RxSwift #2 – 옵저버블과 바인드

RXSWIFT BY EXAMPLES #2 – OBSERVABLE AND THE BIND.

pilgwon.github.io

 

2번 이걸 하고 

http://blog.naver.com/tmondev/221064638672

 

RxSwift와 RxCocoa로 만드는 iOS 앱

요즘 개발자들 사이에 핫한 키워드 중 하나는 Rx다. Rx는 Reactive Extensions의 약자로 신기술에 관심...

blog.naver.com

3번 이걸 하면 

https://blog.nerdfactory.ai/2019/03/12/rx-swift-service.html

 

너드팩토리

너드팩토리에서 운영하는 블로그 입니다.

blog.nerdfactory.ai

 

 

그리고 나서 아래 예제 소스 코드를 보면!!!! 

https://github.com/yokurin/RxSwift-MVVM-iOS 

 

yokurin/RxSwift-MVVM-iOS

SwiftMVVM is an sample iOS App written in Swift using the MVVM architecture. - yokurin/RxSwift-MVVM-iOS

github.com

 

그래도 이해가 안 갈 수도 있다. 

 

 

RxSwift와 RxCocoa가 각각 무슨일을 하는지, 어떤 개념인지 우선 이해를 하고 

 

그걸 바탕으로 예제를 참고 하면 

 

< 출처 : pixabay > 

계속 반복하고 계속 찾아 보면 마침내 우리는 퍼즐이 맞추게 될 것이다.

 

우리에게 퍼즐을 맞추는 방법을 시간 내어 글 써주신 블로거 분들께 다시한번 감사의 인사를 드리며

 

 

다음엔... MVVM을 하려면 RxSwift가 필수 인가?? 에 대해서 적어 보려 한다. 

 

 

 

 

반응형
Posted by onlyTheOne
,
반응형

최근 다시 RxSwift, MVVM을 공부하고 있다. 

 

그냥 글만 보니 멍.... 

 

멍한 상태가 계속 되기에 

출처 : Pixabay

그래서... 안되겠다 싶어 스터디 목적으로 텀 프로젝트를 진행 하고자 

 

열심히 자료를 찾아서 보기 시작 했다 

 

 

첫번째 본 글 

 

PilGwonKim 님이 영어 원문으로 되어 있는 글을 한국어로 번역해서 올려주신 글

( 뵌적은 없지만 내공이 꽤 있으신 분 같아 보인다. 일단 영어를 잘하시니 그걸로 투 따봉!  )

https://pilgwon.github.io/blog/2018/10/09/Creating-an-iOS-app-with-MVVM-and-RxSwift-in-Minutes.html 

 

RxSwift와 MVVM으로 iOS앱 만들기

Creating an IOS app with MVVM and RxSwift in minutes

pilgwon.github.io

 

따라 해보는데... 으잉?.... 내가 공부를 덜했나 싶어... 하다 중간에 막혔다.

 

게다가 RxSwift만 있어야 하는게 아니라 RxCocoa도 필요 하더라 (이건 머야...) 

 

그래서 다시 구글링.. 

 

아 이걸 봐야 겠구나 하게 되서 찾은 링크 

 

http://minsone.github.io/programming/reactive-swift-observable-vs-driver

 

[ReactiveX][RxSwift]Observable과 Driver

Driver RxSwift는 다른 언어의 Rx 구현체와는 다르게 Driver라는 unit을 제공합니다. 하지만 기본으로 Observable을 제공하기 때문에 Driver를 언제 써야 할 지 궁금했습니다. Driver는 UI layer에서 좀 더 직관적으로 사용하도록 제공하는 unit입니다. Observable는 상황에 따라 MainScheduler와 BackgroundScheduler를 지정해줘야 하지만 Driver는 MainScheduler에서 사용합니

minsone.github.io

민소네 님 블로그 포스트 이다. 무려 2016년도 글.... 나는 2016년도에 머했나... (

OTL... 아마 스타트업 창업 준비하느라 정신 없던 시절인듯... )

 

보고서 아하! 인지 했다. 

 

그리고 다시 저기 위에 필권님이 번역해 주신 걸 따라 하다... 결국 깃허브 가서 플젝 다운 받았다. 

https://github.com/NavdeepSinghh/MVVM_RxSwift_Starter

 

NavdeepSinghh/MVVM_RxSwift_Starter

Starter project for MVVM and RxSwift IOS project. - NavdeepSinghh/MVVM_RxSwift_Starter

github.com

 

이게 아니잖아 (쿨럭... ) 

 

 

그래서 다시 따라 할만한걸 찾아 본 글 

1번. 

https://mrgamza.tistory.com/502?category=574448 

 

RxSwift 시작하기

제가 Reactive를 알게 된게 1년정도 된것 같네요. 그렇게 알게 되고 이것저것 하다보니 이것에 대한 매력을 좀 느끼고 있는 편입니다. 그 당시에 MVVM 패턴으로 개발을 시작하였고 현재 진행하는 프로젝트도 이것..

mrgamza.tistory.com

역시 실패 ㅜㅜ 

 

2번. 

https://myseong.tistory.com/9 

 

RxSwift 시작하기 (설치 & Button Tap Event - DisposeBag, rx.Tap )

RxSwift 시작하기RxSwift 시작하기 (설치 & Button Tap Event) RxSwift설치부터 tap event를 bind와 subcribe를 이용하여 이벤트를 바인딩 하는 것을 포스팅 할것 이다. 이전에는 RxSwift의 간략적인 내용을 포스..

myseong.tistory.com

또 실패 ㅜㅜ 

 

코딩에 소질이 없나? 싶을 정도의 ㅜㅜ 

 

그러다 다시 이글을 보고 

3. 

https://eunjin3786.tistory.com/29?category=706836

 

[RxSwift] Rx로 TableView를 그리는 4가지 방법 + setDelegate

이렇게 준비를 한다..! 1. 뷰컨에 TableView를 올려주고 2. Tableview에 TableViewCell을 올려주고 3. TableViewCell의 identifier를 NameCell 로 설정해준다 그리고 RxTableViewController에 RxSwift와 RxCocoa..

eunjin3786.tistory.com

아 먼가 어렵다. 라는 느낌이 들었다.. 역시 실패 

 

내가 너무 기술 습득해 안일함이 있었구나 느끼며 ㅜㅜ 

 

( 1,2,3번 같은 좋은 글을 써주신 분들께 죄송스러운데 제가 내공이 부족해서 그런지 어려워서 못따라 가겠네요 ㅜㅜ )

 

출처 : Pixabay

( 그리고 마음속 한 구석에선 ... 몰라 배째~! 라는 마음도 있었다.. )

 

 

그래 이론을 다시 이해해 보자 하며 

 

이 글을 보게 되고 

https://brunch.co.kr/@tilltue/37

 

iOS 아키텍쳐 바라보기

MVC, MVVM, FLUX, ReSwift, ReactorKit | 이 글은 각각의 아키텍쳐를 설명하는 글은 아니다. 아키텍쳐를 알아보고 관련되어 파생된 framework 사용을 고민하는 과정에서 정리한 내용을 기록하기 위해 작성한 글이다. 지극히 개인적인 의견들이 포함되어있다. 글 내용을 제외하고 아래 링크된 여러 글들만 모아 봐도 도움이 될것이라 생각된다. 1. 좋은 앱을 만들기 위해서는 어떤 아키텍쳐가 필요할까?

brunch.co.kr

 

그리고 이 글도 보게 되었다

https://brunch.co.kr/@tilltue/10

 

RxSwift, Filtering Observable

Debounce, Distinct, Filter, Take, Skip등 | * 이 포스트는 RxSwift 4.3.1, swift 4.2 버전을 기준으로 작성되었습니다. 이벤트들을 특정 조건이 맞을때 발생하도록 이벤트를 필터링 하는 메서드들에 대해 알아보자 1. Debounce http://rxmarbles.com/#debounce 지정한 시간간격 내에 마지막 하나의 이벤트만 전달한다. 아래 그림처럼 이벤트 간격이 설정(debou

brunch.co.kr

보고 나서 느낀건... 먼가... 싶은 느낌이........ 

 

도통 이해가 안간다. 

 

그래서 흔히 많이 가는 사이트 ( 난 여기 정기구독 중인데 동영상을 이제서야 제대로 본다... ) 

 

https://www.raywenderlich.com/4743-beginning-rxswift/lessons/5

 

Subscribing to Observables: Part 1

 

Learn how to subscribe to an observable, and how to manage memory by using dispose bags.

 

www.raywenderlich.com

 

여기도 초기 예제가 구성이 안되서 결국 여기서 제공해주는 샘플 받아서 

 

거기에 덮어 쓰며 진행 하고 있다. 

 

 

자 그럼 멀 해보고 싶은 것인가... 

 

API 데이터를 내려 받는걸 기존 alamofire를 통해 api 하니씩 찌르고 응답받고 하는 과정을 

 

새로운? RxSwift 에 MVVM 기법을 써보고 싶었다. 

 

일단 raywenderlich 를 참고해서 따라가 보고 

 

이론 자료좀 더 봐야 할 것 같다. 

 

추가로 필권님?이 알려주신 github 관련 api 접근을 위해 github api 페이지 링크를 적어둔다.

https://developer.github.com/v3/repos/#list-all-topics-for-a-repository

 

Repositories

Get started with one of our guides, or jump straight into the API documentation.

developer.github.com

 

RxSwift, MVVM, RxCocoa 이런것에 대한 개념 이해를 하고 #2 글을 적도록 하겠다. 

 

 

반응형
Posted by onlyTheOne
,
반응형

MVVM 이 무엇인지 알고 싶고 궁금해서 수많은 자료를 찾아 보았다.

 

Model, View, ViewModel? 의 줄임말 같은데...

 

서비스 기반에서 많이 사용하는 기법 같아 보인다.

 

관련해서 Reactive, RxSwift 머 기타등등 나오는데..

 

내 개인적 결론은 어짜피 다 Event Driven Programming 기법으로 밖에 안보인다.

 

 

아래 이해 할려고 찾아 본 mvvm 정보가 있는 페이지 주소 이다.


1. https://github.com/ClintJang/sample-swift-mvvm
2. https://www.raywenderlich.com/34-design-patterns-by-tutorials-mvvm
3. https://hackernoon.com/mvvm-rxswift-on-ios-part-1-69608b7ed5cd
4. http://minsone.github.io/programming/better-mvvm-architecture-from-kickstarter-oss
5. https://blog.pusher.com/mvvm-ios/
6. https://medium.com/flawless-app-stories/how-to-use-a-model-view-viewmodel-architecture-for-ios-46963c67be1b 
7. https://www.appcoda.com/mvvm-vs-mvc/ 
8. https://flawlessapp.io/blog/advanced-mvvm-tableview-tutorial/
9. https://incoffee.tistory.com/10
10. https://wnstkdyu.github.io/2018/04/20/mvvmdesignpattern/
11. https://medium.com/@azamsharp/practical-mvvm-in-ios-d1dc10506924
12. https://riptutorial.com/ko/ios/example/27354/mvvm

반응형
Posted by onlyTheOne
,