일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 코틀린
- PrototypePattern
- 빌터패턴
- designPattern
- 프로토타입 패턴
- El
- factory method
- 함수형프로그래밍
- a
- F
- Abstract Factory
- 추상 팩토리
- Functional Programming
- 추상팩토리패턴
- Design Pattern
- 싱글톤
- Kotlin
- Observer Pattern
- ㅋㅁ
- r
- 디자인패턴
- ㅓ
- 디자인패턴 #
- 옵저버 패턴
- Singleton
- builderPattern
- 팩토리 메소드
- Today
- Total
목록전체 글 (330)
오늘도 더 나은 코드를 작성하였습니까?
UI Event란???- UI Layer에서 처리 되어야 하는 작업- User Event / ViewModel Event 2종류가 존재한다 User Event예를 들어 사용자가 "새로고침 버튼을 누르면 화면의 리스트를 갱신" 한다고 해보자 사용자의 행동(새로고침 버튼 누름)으로 UI(화면의 리스트) 갱신하는것은 Business logic에 해당하기 때문에 ViewModel에 위임하여 처리합니다. ViewModel Event예를들면, 네트워크 연결이 끊어졌다는 던가, 데이터를 불러오다가 에러가 발생(새로고침 실패)하였다든가, 하는 상황을 생각해 보자!이런한 이벤트들은 화면에 알림(toast, dialog 등)을 통하여 표시되어진다.이벤트는 UI State로 모델링되어야 하며, 항상 UI State를 업데..
UI State의 생성 및 변화 - 사용자 Event에 의한 상태변화- Local Source에 의한 상태변화- External Source에 의한 상태변화Local Source에 의한 상태 생성 및 변화주사위 두 개를 굴릴 수 있는 화면에 있다고 가정하다. 주사위 값을 표시하는 것 외에도 사용자가 주사위를 굴리는 횟수를 추적하고 싶습니다. UI 상태는 다음과 같습니다. 주사위를 굴리는 비즈니스 로직은 Random API에 대한 One-shot API을 통해 구현됩니다.그렇다면 이 UI 상태를 상태 홀더에 어떻게 보관할까요? 관찰 가능한 데이터 홀더 클래스를 만드는 것입니다! MutableStateFlow API를 사용하여 이를 달성합니다. 재사용성과 테스트 가능성에 영향을 미칠 수 있는 Random A..
UI Layer, Presentation LayerUI Element- Composable Function- ViewSystem(XML) UI State- User에게 보여질 데이터 StateHolder- 상태를 보관 및 제공- 로직을 처리Type of UI State Screen UI state- data layer로 부터 제공된 데이터- 화면에 표시되는 대부분의 정보- 사용자에게 제공되고 사용자가 가장 관심을 갖는 데이터 UI Eelement state- UI Eelement의 내부 상태Type of Logicbusiness logic- 제품에 대한 구현체- 데이터 변화에 대한 요구사항- 데이터베이스에 CRUD 연산을 수행한다. ui logic - 상태(데이터 변화)를 어떻게 보여줄 것 인가 ..
1. composable 함수는 기본적으로 빈 수정자(Modifier)가 할당되는 수정자 매개변수를 포함하는 것이 좋습니다.@Composablefun MyApp(modifier: Modifier = Modifier) { ...} 함수 내에서 호출하는 첫 번째 컴포저블로 이 수정자를 전달합니다. 이렇게 하면 Caller가 composable 외부에서 레이아웃 안내와 동작을 조정할 수 있습니다.@Composablefun MyApp(modifier: Modifier = Modifier) { Surface( modifier = modifier, . . ) { .... }} * 표준 레이아웃 2. Slot 기반 레이아웃 활용하기 슬롯 기반 레이아웃..