목록Component (3)

EEYatHo 앱 깎는 이야기

Figma ) icon 컴포넌트 만들기

1. Icon 가져오기 ( figma 플러그인 중, iconify 활용 ) 좌측 상단 버튼 클릭 - Plugins - Iconify 검색 후 선택 원하는 Icon 검색 -> 선택 -> Import Icon 2. 컴포넌트로 만들기 원하는 요소 선택 -> 상단 중앙 컴포넌트 버튼 클릭 좌측 리스트에서, 컴포넌트 된 것을 확인
Figma 2024. 4. 21. 10:47
React ) useEffect, Mount, Update, Render - EEYatHo RN

componentDidMount: 컴포넌트를 만들고, 첫 렌더링을 다 마친 후 실행. componentDidUpdate: 리렌더링을 완료한 후 실행. 즉 render()가 업데이트될 때마다 실행 compoenntWillUnMount: 컴포넌트를 DOM에서 제거할 때 실행 Component React 에서는 모든 UI 구성요소를 컴포넌트라고 한다. iOS 의 View, Flutter 의 Widget 과 같은 개념. Mount "DOM 에 컴포넌트를 Mount 한다." 컴포넌트가 처음 나타날 때 마운트 되었다고 한다. 컴포넌트가 메모리에 로드(적재) 되었다. 컴포넌트의 생성(Constuctor) 과 렌더링(render)을 포함한다. (위 이미지 참고) Update 컴포넌트의 props 이나 state 가 변..
ReactNative 2022. 10. 28. 15:29
Swift ) RIBs - EEYatHo iOS

RIBs 정의 기존 디자인패턴들이, 비지니스 로직만 있는 ( 뷰가 없는 ) 모듈의 구현이 어려웠고, 이 점을 보완하여 Uber에서 VIPER를 개조한 것이 RIBs 이다. 화면로직이나, 비지니스로직을 RIB 이라는 모듈로 작성한다. RIB에게 UI요소(View, Presenter)는 옵셔널이다. ( 비지니스 로직만을 가진 모듈이 가능하다는 뜻 ) RIB들을 부모자식 관계로 이어서 논리적인 트리구조로 앱을 작성한다. -> 앱의 상태가 뷰가 아닌, 현재 activate된 RIB이 무엇인가에 따라 결정됨. 기존 MV*, VIPER같은 디자인패턴들이 SW설계시 참고할 수 있는 아키텍처라면, RIBs는 프레임워크다. Cocoa Pod이나 Carthage를 이용해서 설치하고, import 하는 형태다. RIB 구성..
iOS, Swift/ArchitecturePattern 2021. 7. 5. 18:15
이전 Prev 1 Next 다음