본문 바로가기

728x90

Design Pattern9

[React Native] Redux란? (feat. Flux) Redux란? Javascript 어플리케이션에서 상태 관리를 도와주는 라이브러리 입니다. 여기서 "상태?는 바뀌는 어떤 값들을 의미하는데요. 예를 들면 계산기에서 어떤 버튼들을 누르면 계산한 값이 계속해 달라지죠? 바로 계산한 값이 => 계산한 결과를 나타내는 상태인 것 입니다. Flux란? Redux는 Facebook의 Flux 디자인 패턴에서 유래된 것인데요. Flux는 Web 어플리케이션을 MVC 패턴으로 구현할 때 발생하는 문제들을 해결하고자 만들어 졌습니다. 그렇다면 어떠한 문제들이 발생했을까요? 기존 MVC는 아래와 같이 Model과 View가 양방향으로 데이터를 주고 받았습니다. 하지만 앱이 커지면 커질수록 Model과 View의 양방향 소통이 늘어났고, 이것은 데이터의 변경 사항을 빠르게.. 2022. 8. 3.

[Design Pattern] MVVM(Model - View - ViewModel) 패턴이란? (feat. Swift) 안녕하세요 Foma 💻 입니다! 오늘은 정말 오랜만에 디자인 패턴을 정리하게 되었는데요. 그 중에서 가장 인기(?)있고 핫한 MVVM 디자인 패턴을 다뤄보려고 합니다. (SwiftUI 또한 기본 디자인 패턴으로 MVVM을 사용합니다.) 바로 시작할게요~ MVVM(Model - View - ViewModel)패턴이란? 🧐 MVVM은 하나의 소프트웨어 아키텍처 패턴 으로 GUI 코드로 구현하는 그래픽 사용자 인터페이스(뷰)의 개발을 비즈니스 로직 또는 백엔드 로직(모델)로부터 분리시켜서 뷰가 어느 특정한 모델 플랫폼에 종속되지 않도록 해준다. MVVM의 뷰 모델은 값 변환기인데, 이는 뷰 모델이 모델에 있는 데이터 객체를 노출(변환)하는 책임을 지기 때문에 객체를 관리하고 표현하기가 쉬워진다는 것을 의미한다.. 2021. 10. 19.

[RIBs] Memo 삭제,수정 구현해보기 안녕하세요 Foma💻 입니다! 저번 시간에 Memo까지 이동해서 화면을 보여주는 것까지 구현했었는데요. 오늘은 Memo화면에서 일어나는 삭제,수정을 구현해보도록 하겠습니다. 바로 시작할게요~ MemoViewController.storyboard 스토리보드 화면 구성은 아래와 같습니다. 뷰컨트롤러에 테이블뷰를 넣어주고 테이블뷰 셀은 MemoTableViewCell을 따로 만들어주었습니다. 테이블뷰셀은 정보를 표시해줄 Label,삭제버튼.더하기버튼으로 구성되어있습니다. Memo 메모는 간단하게 숫자만 가지고 있는 객체로 만들어줍니다. struct Memo { let number:Int } MemoData 원래 서버와 통신을 해서 데이터를 가져와야하지만...귀찮으니깐 .. 전역으로 선언한 데이터를 미리 세팅해.. 2021. 8. 26.

[RIBs] Router를 이용해 화면 전환해보기 (feat. Memo) 안녕하세요 Foma👟 입니다! 오늘은 RIBs 아키텍처를 사용하여 화면 전환하는 법에 대해서 알아보도록 하겠습니다. 기존 Uber의 튜토리얼을 따라하려고 했으나... 저는 잘안되더라구요... 그래서 다른 좋은 튜토리얼이 없을까? 하고 열심히 찾아보다가 SimpleMemo를 RIBs로 구현한 튜토리얼 찾게되었습니다. GitHub - eunjin3786/SimpleMemo-RIBs: SimpleMemo를 RIBs로 바꿔보자 :-) SimpleMemo를 RIBs로 바꿔보자 :-). Contribute to eunjin3786/SimpleMemo-RIBs development by creating an account on GitHub. github.com 전 포스팅에서 RootRIB에서 LoggedOutRIB을.. 2021. 8. 24.

[RIBs] Interactor로 비니지스 로직 처리해보기 (feat. 초기세팅) 안녕하세요 Foma 👟 입니다! 저번 글에서 RIBs 에 대한 이론을 다뤘는데요. (혹시 안보신 분들은 여기 에서 보고 와주세요~) 오늘은 Uber에서 직접 제공하는 튜토리얼을 한번 따라해보면서 구현해보려고 합니다! 바로 시작할게요~ 프로젝트 생성 가장 먼저 RIBs 튜토리얼을 따라할 프로젝트를 생성해줘야겠죠? 저는 RIBs Example로 이름 짓겠습니다. Pod init & install 저는 CocoaPod을 이용해서 RIBs를 설치하도록 하겠습니다. 터미널에서 프로젝트가 있는 경로로 이동해 pod init을 해주시면 pod file이 생길거에요. 팟파일에 아래 코드를 추가합니다. (버전은 바뀔 수 있으니 공식 깃헙에서 확인해주세요!) pod 'RIBs', '~> 0.9' 추가한 다음 pod ins.. 2021. 8. 18.

[Design Pattern] RIBs란?(feat. Uber) 안녕하세요 Foma👟 입니다! 오늘은 Uber에서 만든 프레임워크인 RIBs에 대해서 알아보도록 하겠습니다. iOS계에서 아주 고수이신 '민소네'님도 여러 디자인 패턴을 거쳐서 RIBs에 정착하게 되었다고 하고 또 많은 회사에서 RIBs 프레임워크를 사용하고 있더라구요. 그래서 어떤 점이 장점이고 또 어떻게 사용하는지에 대해서 다뤄보도록 하겠습니다! 바로 시작할게요~ RIBs란? 공식 깃헙에선 이렇게 소개합니다. RIBs는 Uber의 모바일 크로스 플랫폼 아키텍처 프레임워크입니다. RIB이라는 이름은 이 아키텍처의 핵심 구성 요소인 Router, Interactor 및 Builder의 약어입니다. 이 프레임워크는 많은 수의 엔지니어와 중첩 상태가 있는 모바일 앱을 위해 설계되었습니다. 제공 RIBs 아키.. 2021. 8. 18.

[Design Pattern] MVP 패턴이란? 안녕하세요 Foma👟 입니다! 오늘은 Model - View - Presenter로 이뤄져있는 M.V.P 디자인 패턴에 대해서 알아보도록 하겠습니다. 지금부터 자세히 살펴보겠습니다. MVP란? Model - View - Presenter 로 이뤄진 디자인 패턴이며 MVC에서 Controller가 하는 역할을 Presenter가 한다고 보면 됩니다. "그러면 MVC 쓰면 되지 왜 MVP를 써?" MVC는 Model과 View가 서로 연결되어 있어 의존관계를 갖게 됩니다. 하지만 MVP는 Model과 View 분리되어 있고 오직 Presenter를 통해서 상태나 변화를 알려줄 수 있습니다. 이렇게 View와 비지니스 로직이 완전히 분리가 되어 테스트가 용이해진다는 장점이 있습니다. 뷰가 업데이트 되는 과정을.. 2021. 8. 11.

[Design Pattern] Apple의 MVC 패턴이란? 안녕하세요 Foma 👟 입니다! 저번 글에 MVC 패턴에 대해서 다뤘었는데 iOS에서 다루는 것과는 조금 다르게 커스텀뷰를 직접 만들어서 뭔가 더 정석적인 MVC 패턴을 구현했어요. (혹시 안보셨거나 궁금하신 분들은 여기 에서 봐주세요!) 하지만 보통 MVC하고는 조금 다른 부분이 있어요. 그래서 오늘은 애플의 MVC 패턴에 대해서 정리해보도록 하겠습니다! Apple's MVC 애플은 전형적인 MVC 패턴에서 모델과 뷰와 컨트롤러가 서로 의존적인 것을 분리하기 위해 자신들만의 MVC 패턴을 개발합니다. 컨트롤러가 뷰와 모델을 연결시켜주어 서로 분리되어 있고 서로에 대해 알 필요가 없게끔 만드려고 했으나.... 컨트롤러가 뷰의 라이프 사이클에 관여하게 되면서 MV - C 패턴이 되어버립니다. 이렇게 되면서.. 2021. 6. 3.

[Design Pattern] MVC패턴이란? (Model-View-Controller) 안녕하세요 Foma 입니다! 오늘 알아볼 주제는 흔히 가장 많이 사용되는 디자인 패턴인 Model - View -Controller 에 대해서 알아보도록 하겠습니다. 바로 시작할게요! MVC 패턴이란? "MVC는 소프트웨어 공학에서 사용되는 소프트웨어 디자인 패턴이다. 이 패턴을 성공적으로 사용하면, 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시각적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있다. MVC에서 모델은 애플리케이션의 데이터를 나타내며, 뷰는 텍스트, 체크박스 항목 등과 같은 사용자 인터페이스 요소를 나타내고, 컨트롤러는 데이터와 비즈니스 로직 사이의 상호동작을 관리한다." - 위키 백과- 장점 다른 패턴에 비해.. 2021. 6. 3.

이전 1 다음

728x90

티스토리툴바