달달한 스토리

728x90
반응형

App Development/후맛집 프로젝트 : 「5」건

  1. Android/Kotiln Compose 처음 시작할때 보여주는 온보딩 화면 만들기
    2022.09.18
  2. Android/Kotlin Coroutine StateFlow, SharedFlow, Channel 예제 및 특징
    2022.09.07
  3. Android/Kotlin Flow onCompletion, catch, collect 예제
    2022.09.06
  4. Android/Kotlin Flow를 이용하여 데이터 상태에 따라 버튼 활성화 비활성화 변경하기 TIL # 86
    2022.09.04
  5. 데이터 형식 피드백 이후 변경 사항
    2022.08.25

Android/Kotiln Compose 처음 시작할때 보여주는 온보딩 화면 만들기

컴포즈를 공부하는 중이라 내용이 정확하지 않고, 부실할 수 있다는 점 양해 바랍니다. 오늘은 간단히 compose에서 사용하는 viewPager 기능과 유사한 기능을 사용함을 써, 앱을 처음 시작할 때 사용자에게 소개하는 가이드 화면을 예시로 만들어 보려고 합니다. 예시로 검은색 화면을 두었습니다. 가이드 화면이 있고, 옆으로 슬라이드 하게 되면 아래 왼쪽에 큰 하얀색점이 작아지고, 오른쪽 점이 커지게 하여, 가이드 페이지의 위치와 개수를 표현하게 됩니다. 사실 여러 viewPager를 찾는 중에 첫 번째 방법은 HorigontalPager라는 페이저 라이브러리였는데, 이러한 편리한 라이브러리도 있구나 정도로 생각을 했고, 두 번째 방법은 굳이 라이브러리를 사용하지 않고도, 만들 수 있는 법이 있었습니다..
App Development/후맛집 프로젝트 2022. 9. 18. 20:38

Android/Kotlin Coroutine StateFlow, SharedFlow, Channel 예제 및 특징

3번째 flow 예제 공부를 마쳤다. stateflow, sharedflow, channel에 대한 예제를 꾸렸지만, 모두 클릭 리스너를 달아 데이터를 가져오는데 그친 간단한 예제이지만, 기능보다는 각각의 특징과 공부한 내용들로 주를 이루었다. 우선 코드를 보자. MainViewModel.kt class MainViewModel : ViewModel() { //StateFlow private val _uiState = MutableStateFlow(UiState.Loading) val uiState: StateFlow = _uiState.asStateFlow() //SharedFlow //설정할 수 있다는 것만 보여주기 위함 //아래 설정은 다 기본값 private val _uiShared = Mutab..
App Development/후맛집 프로젝트 2022. 9. 7. 12:30

Android/Kotlin Flow onCompletion, catch, collect 예제

flow에는 종료 시점에 후처리 할 수 있는 onCompletion이 존재한다. 우선 코드의 상황은 다음과 같다. useCase를 통해서 서버에 요청하여 list를 불러오는 viewModel의 코드 부분이다. class MainViewModel(private val useCase: UseCase) : ViewModel() { private val _blogList = MutableStateFlow(UiState.Loading) val blogList : StateFlow = _blogList.asStateFlow() private var isLast = false init { viewModelScope.launch { flow{ emit(useCase.getBlogList().toUiBlogList())..
App Development/후맛집 프로젝트 2022. 9. 6. 16:06

Android/Kotlin Flow를 이용하여 데이터 상태에 따라 버튼 활성화 비활성화 변경하기 TIL # 86

상황은 이렇습니다. 다음과 같이 3개의 EditText가 있고, 이 EditText의 글씨가 모두 써졌으면, 아래 버튼이 활성화되게끔 하려고 합니다. 우선 저는 상태에 따른 모델 값이 필요하다고 생각하여 다음과 같이 UiState를 만들었습니다. UiState.kt data class UiState( val type: EditType? = null, var editState: EditState = EditState.EMPTY ) { enum class EditState { EMPTY, WRITTEN } enum class EditType { NAME, ADDRESS, PHONENUM } }ㅇ UiState는 type: EditType -> EditText의 들어갈 내용에 대한 타입입니다. (NAME, A..
App Development/후맛집 프로젝트 2022. 9. 4. 00:23

데이터 형식 피드백 이후 변경 사항

데이터 형식 모델 피드백 이후 변경 사항입니다. 우선 blog 부분입니다. 기존에는 Blog라는 클래스를 두고, 두 개의 클래스 DaumBlog, NaverBlog의 상속시켜 코드를 짰지만, Blog 클래스 자체적인 프로퍼티인 BlogType enum 타입을 통해 Daum과 Naver를 구분 짓도록 변경하였습니다. Blog.kt import kr.loner.shared.BlogType /* * 블로그 데이터 클래스입니다. * id : 고유값 * title : 블로그의 타이틀명입니다. * info : 블로그에 대한 설명글 입니다. * img : view의 표시될 하나의 이미지입니다. * blogUrl : 아이템을 눌렀을 때, 웹뷰로 전달할 url입니다. * type : blog의 종류를 결정하는 타입 값입..
App Development/후맛집 프로젝트 2022. 8. 25. 15:21
◀ 1 ▶
728x90
반응형
loading

티스토리툴바