일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Swift
- FLUTTER
- Notification
- Firebase
- Code
- iOS16
- Session
- Archive
- Xcode
- Realm
- UIButton
- IOS
- appstore
- stack
- Git
- SwiftUI
- JPA
- Apple
- darkmode
- 한글
- rxswift
- github
- MacOS
- mac
- view
- 개발자
- 웹뷰
- window
- error
- Python
- Today
- Total
목록Component (3)
EEYatHo 앱 깎는 이야기
1. Icon 가져오기 ( figma 플러그인 중, iconify 활용 ) 좌측 상단 버튼 클릭 - Plugins - Iconify 검색 후 선택 원하는 Icon 검색 -> 선택 -> Import Icon 2. 컴포넌트로 만들기 원하는 요소 선택 -> 상단 중앙 컴포넌트 버튼 클릭 좌측 리스트에서, 컴포넌트 된 것을 확인
componentDidMount: 컴포넌트를 만들고, 첫 렌더링을 다 마친 후 실행. componentDidUpdate: 리렌더링을 완료한 후 실행. 즉 render()가 업데이트될 때마다 실행 compoenntWillUnMount: 컴포넌트를 DOM에서 제거할 때 실행 Component React 에서는 모든 UI 구성요소를 컴포넌트라고 한다. iOS 의 View, Flutter 의 Widget 과 같은 개념. Mount "DOM 에 컴포넌트를 Mount 한다." 컴포넌트가 처음 나타날 때 마운트 되었다고 한다. 컴포넌트가 메모리에 로드(적재) 되었다. 컴포넌트의 생성(Constuctor) 과 렌더링(render)을 포함한다. (위 이미지 참고) Update 컴포넌트의 props 이나 state 가 변..
RIBs 정의 기존 디자인패턴들이, 비지니스 로직만 있는 ( 뷰가 없는 ) 모듈의 구현이 어려웠고, 이 점을 보완하여 Uber에서 VIPER를 개조한 것이 RIBs 이다. 화면로직이나, 비지니스로직을 RIB 이라는 모듈로 작성한다. RIB에게 UI요소(View, Presenter)는 옵셔널이다. ( 비지니스 로직만을 가진 모듈이 가능하다는 뜻 ) RIB들을 부모자식 관계로 이어서 논리적인 트리구조로 앱을 작성한다. -> 앱의 상태가 뷰가 아닌, 현재 activate된 RIB이 무엇인가에 따라 결정됨. 기존 MV*, VIPER같은 디자인패턴들이 SW설계시 참고할 수 있는 아키텍처라면, RIBs는 프레임워크다. Cocoa Pod이나 Carthage를 이용해서 설치하고, import 하는 형태다. RIB 구성..