본문 바로가기

Project6

[Compose] 컴포즈로 iOS앱도 만들 수 있다고? 오늘은 새로운 시도를 해볼 것이다..! 2023년 5월 30일 Compose Multiplatform에서 iOS 알파버전이 출시되었다. 아직 알파버전이라 개선할 점이 많다고 하지만 Android 개발자로서 너무나도 설렌다.. 직접 Compose Multiplatform 템플릿을 실행해보고자 한다. 아래에는 설명이 요약되어 있으니, 직접 실행해보고 싶다면 위 링크를 참고하는 것을 추천합니다. 1. 환경 설정 필요 조건 iOS앱을 실행시키려면 macOS 환경이 필요하다. 이외에도 Xcode, Android Studio, The Kotlin Multiplatform Mobile plugin, The CocoaPods dependency manager 이런 것들이 준비되어 있어야한다. 조건 확인 위 조건을 모두.. 2023. 10. 17.
[Compose] 상태에 따라 변하는 텍스트 입력창(TextField) 만들기 (컴포즈를 공부하면서 기록하는 글!) 디자이너의 문서에 맞추어 로그인이나 회원가입 시 공통적으로 자주 사용할 TextField를 재사용이 편리하도록 미리 만들어보려 한다. 가장 먼저 기본적인 TextField를 Android Studio 화면에 띄워보자. @Composable fun FilledTextField(){ var text by rememberSaveable { mutableStateOf("") } TextField( value = text, onValueChange = { text = it }, singleLine = true ) } @Preview @Composable fun PreviewTextField() { FilledTextField() } Composable함수를 만들기 위해서는 함.. 2023. 10. 11.
[졸업작품 프로젝트] 애플리케이션 완성하기 1. 기존 코드를 kotlin으로 정리하며 AAC MVVM에 따라 리팩토링을 했다. 뷰 바인딩을 사용하고, Room을 생성했다. Room은 갤러리 동기화 진행 후 음식 여부를 확인한 사진에 대해서 로딩 없이 바로 지도에 띄워주기 위해 사용했다. 2. 리팩토링 하는 동안 팀원이 Figma를 사용해 디자인 작업을 해주었다. 3. 그 과정에서 우리는 마커 클러스터링 기능을 넣고 싶어졌다. 하지만 네이버 지도 API에서는 제공하지 않는 기능이라.. 이를 제공하는 Google maps API로 바꾸기로 했다. 기존 네이버맵 기반 코드를 구글맵 기반으로 변경했다. 4. 이외에는 디자인에 따라 레이아웃 작업을 했고, 문제 없이 모든 기능을 구현했다 ^0^ 끝~! 2021. 11. 13.
[졸업작품 프로젝트] 갤러리의 모든 사진 중 음식 이미지만 보여주기 갤러리 뷰로 음식사진만 보여주기 1. 각 이미지가 음식인지 아닌지 구분하기 위해 PhotoData라는 클래스를 만들어 uri, isFood변수 생성 2. PhotoData Array를 어댑터에 적용 3. 갤러리의 이미지를 불러올 시 모든 사진에 대해 음식여부 확인 후 갤러리뷰에 띄워준다. [결과물] [생각할 것] 지도에 띄우기 위해서는 미리 모든 이미지를 전부 판별해야할것이다. 하지만 속도가 너무 느리다. 모든 이미지를 판별하는 시간이 오래걸리는데 이를 따로 저장할 방법이 없을까? 지도에 음식사진만 보여주기 1. 팀원이 작업한 네이버 지도 코드와 나의 음식 이미지 불러오는 코드를 합치는 작업을 했다. 2. 팀원과의 안드로이드 스튜디오 버전이 달라서 내가 업데이트 했다. 3. 네이버 지도를 보여주기 위해 .. 2021. 11. 13.