반응형 분류 전체보기49 11. 상태유지 - rememberSaveable (Jetpack Compose UI 코틀린 앱 개발 강의) [Jetpack Compose] 가이드 맵 - 전체 보기 Jetpack Compose에서 상태 관리는 앱의 UI를 동적으로 변경하는 데 중요한 역할을 합니다. 이번에는 상태 유지에 대해 알아보겠습니다.상태 유지란?상태 유지는 구성 변경(예: 회전)이나 프로세스 중단(예: 앱 종료) 후에도 상태를 유지하는 것을 말합니다. 일반적으로 Compose에서는 remember 함수를 사용하여 상태를 생성하지만, 이 함수는 컴포저블이 컴포지션에 유지되는 동안에만 상태를 유지합니다.상태 유지 방법상태를 유지하기 위해서는 rememberSaveable 함수를 사용해야 합니다. 이 함수는 구성 변경이나 프로세스 중단 후에도 상태를 저장합니다.예를 들어, 온보딩 화면의 상태를 유지하려면 다음과 같이 코드.. 2024. 4. 24. 10. 성능 지연 목록 - LazyColumn / LazyRow (Jetpack Compose UI 코틀린 앱 개발 강의) [Jetpack Compose] 가이드 맵 - 전체 보기 10. 성능 지연 목록 - LazyColumn / LazyRow 성능을 고려하여 많은 항목을 처리해야 할 때, LazyColumn을 사용하는 것이 좋습니다. LazyColumn은 화면에 보이는 항목만 렌더링하여 성능을 향상시킵니다.LazyColumn의 사용LazyColumn은 Android의 RecyclerView와 비슷한 역할을 합니다.화면에 표시될 항목을 처리할 때 유용합니다.LazyColumn은 필요한 항목만 렌더링하여 메모리 사용량을 줄이고 성능을 향상시킵니다.LazyColumn을 사용한 목록 생성LazyColumn을 사용하여 많은 항목을 표시합니다.items 함수를 사용하여 개별 항목을 렌더링합니다... 2024. 4. 24. 9. 상태 호이스팅 (Jetpack Compose UI 코틀린 앱 개발 강의) [Jetpack Compose] 가이드 맵 - 전체 보기 9. 상태 호이스팅 상태 호이스팅은 Compose에서 중복되는 상태를 방지하고 버그를 줄이며 컴포저블의 재사용성을 높이는 중요한 개념입니다.상태(State) 호이스팅이란?여러 컴포저블에서 공유되는 상태는 해당 상태를 컴포저블의 상위 항목에 위치시켜야 합니다.상태를 공통 상위 요소로 이동하여 상태가 중복되지 않고 버그가 발생하지 않도록 합니다.상태를 이동하는 이유코드의 일관성과 가독성을 유지하고 버그를 방지합니다.컴포저블을 재사용할 수 있도록 합니다.테스트가 쉬워집니다.상태를 호이스팅하는 방법컴포저블에서 사용하는 상태를 해당 컴포저블 바깥으로 이동합니다.필요한 경우 함수를 통해 콜백을 전달하여 상태를.. 2024. 4. 24. [대중교통할인] K패스 / 경기패스 / 인천I패스 신청.발급하기 5월 1일 기점으로 발급방법이 바뀌어요! K패스 카드 발급https://alcard.kr/ 알뜰교통카드알뜰교통카드 홈페이지alcard.kr [5월 1일 이후 K-패스 카드로 이용 시]1. K-패스 카드 발급(기존 알뜰교통카드 이용 가능)2. K-패스 홈페이지 또는 앱에서 회원가입3. 회원가입 후 카드 이용 시 자동 적립! [5월 1일 이전 K-패스 카드로 이용 시]1. K-패스 카드 신규 발급은 4월 24일(수)부터 카드사 개별 홈페이지 등에서 확인 가능!2. K-패스 홈페이지와 앱은 5월 1일(수) 부터 이용 가능!3. 4월 24일~30일 사이 K-패스 카드를 발급받았다면 알뜰교통카드 홈페이지와 앱에서 회원가입4. K-패스 > K-패스회원전환 필수!!5. 5월 .. 2024. 4. 24. [대중교통할인] 기존 알뜰교통카드 사용자 K-패스,경기패스,인천I패스 전환 [기존 알뜰 사용자] ★알뜰 계정 그대로 이용하려면 회원전환을 꼭 하셔야 합니다★1. 알뜰교통카드 앱이나 홈페이지에서 4월 30일(화) 까지 [K-패스] 메뉴에서 회원 전환!2. 5월 1일(수) K-패스 앱으로 업데이트3. 알뜰교통카드 계정으로 로그인(★자동로그인이 해제되어 사전에 아이디와 비밀번호를 확인해주세요★)4. 교통카드만 사용해도 자동 적립!※5월 1일 이후 회원 전환 시 전환일로부터 적립이 시작됩니다※K-패스 신규 가입 시 알뜰교통카드에서 사용했던 아이디는 K-패스에서 이용 불가합니다 전환 사이트 : https://alcard.kr/ 알뜰교통카드알뜰교통카드 홈페이지alcard.kr 아래와같이 전환완료 메세지 확인! 기존사용자가 아니라면? [.. 2024. 4. 24. [대중교통할인] 더경기패스(경기패스) 신청.발급방법은? [대중교통할인] 알뜰교통카드앱 The 경기패스 발급방법입니다. ○ (신청대상) 19세 이상 경기도민 ○ (카드발급) 4월 24일부터 각 카드사 문의 후 발급가능하며, 발급 후 5월 1일부터 홈페이지 등록가능 - 발급가능카드 참고 > https://alcard.kr/info/card_guide.do *변동가능 - k-패스 홈페이지 > http://www.korea-pass.kr * 카드발급 후 등록※ The 경기패스는 k패스를 기반으로 한 k패스-경기 상품으로, k패스 카드를 이용하고 홈페이지 등록시 경기도 거주 인증하면 The 경기패스 혜택이 자동 적용됩니다. 아하! K패스 카드를 신청하고, 경기도 주민인증하면 The 경기패스 자동적용! .. 2024. 4. 24. [대중교통할인] The 경기패스 이것만 보세요!기존 알뜰교통카드 사용자는? K패스 전환신청 바로가기>>K패스용 카드 발급 하고 경기지역 인증하면 경기패스 적용 >> The 경기패스란?19세 이상- K-패스를 기반으로 대중교통 이용금액의 월 20~53%를 환급해드리며 경기도민에게 추가혜택을 드리는 정책6~18세 미만- 경기도민 어린이,청소년에게 연 24만원까지 환급해드리는 정책지원대상신청일 기준 주민등록상 주소지가 경기도인 19세 이상 도민지원범위전국 모든 대중교통(버스, 지하철, 신분당선, 광역버스, GTX 등)※ 다만, 시외(고속)버스, KTX, SRT 등 별도 발권받아 탑승하는 교통수단은 포함하지 않음지원금액월 15회 이상 대중교통 이용시 무제한으로 교통비 실사용액의 일.. 2024. 4. 22. 8. 상태 - mutableStateOf, remember (Jetpack Compose UI 코틀린 앱 개발 강의) [Jetpack Compose] 가이드 맵 - 전체 보기8. 상태 이번에는 Compose에서 상태를 관리하는 방법을 알아보겠습니다. 상태를 통해 화면의 상호작용을 관리하고 UI를 업데이트할 수 있습니다.상태(State)의 개념:상태는 UI의 상호작용에 따라 변하는 값입니다. 예를 들어, 버튼의 클릭 여부, 항목의 확장 여부 등이 상태가 될 수 있습니다.Compose에서는 상태를 사용하여 UI를 업데이트하고 상호작용을 처리합니다.mutableStateOf 함수:상태를 생성하기 위해 mutableStateOf 함수를 사용합니다. 이 함수는 값을 갖는 상태를 생성하고, 이 값이 변경될 때마다 UI를 자동으로 업데이트합니다.예를 들어, mutableStateOf(false)를 사.. 2024. 4. 22. 7. Button (Jetpack Compose UI 코틀린 앱 개발 강의) [Jetpack Compose] 가이드 맵 - 전체 보기7. Button (Jetpack Compose 코틀린 앱 개발 강의) Jetpack Compose에서 Button은 사용자와 상호작용할 수 있는 중요한 UI 요소 중 하나입니다. 버튼을 통해 사용자는 앱에서 작업을 수행하거나 기능을 실행할 수 있습니다.Button의 역할:Button은 사용자의 터치나 클릭과 같은 상호작용을 감지하여 특정 동작을 실행하는 역할을 합니다.사용자에게 앱 내에서 가능한 기능을 제시하고, 사용자의 요청에 따라 앱의 상태를 변경합니다.Jetpack Compose의 Button 특징:Jetpack Compose의 Button은 안드로이드 UI를 선언적으로 정의하는 방식에 따라 사용됩니다.기존의 .. 2024. 4. 22. [대중교통할인] K-패스 feat. 더경기패스 / 인천I패스 (24년 5월~) 1. K-패스란?전국 대중교통 이용을 위한 통합 교통카드.서울, 인천, 경기, 전국에서 사용 가능.시내버스, 지하철, 광역버스, GTX 포함.2. 혜택청년(만 19~34세): 대중교통비 30% 환급, 월 최대 60회.일반: 20% 환급.저소득층: 53% 환급.월 15회 이상 이용 시 적용 / 60회 한도3. 지역별 추가 혜택경기: The경기패스로 월 60회 초과분까지 환급. 만 35~39세 경기도민에게도 청년층 혜택 적용. 어린이 청소년 혜택 추가.인천: 인천 I-패스로 월 60회 초과분까지 환급. 만 65세 이상 인천시민에게 10% 추가 혜택. 어린이 청소년 혜택 추가.4. K-패스의 장점탄소중립 실현과 기후위기 대응에 기여.교통비 부담 없이 대중교통 이용 가능... 2024. 4. 22. [대중교통할인]서울기후동행카드 - 청년 맞춤형 추가할인! 기후동행카드란?기후동행카드는 서울시 내 대중교통을 무제한으로 이용할 수 있는 특별한 카드입니다. 이 카드 하나로 서울시내의 전철, 시내·마을·심야버스, 그리고 서울의 자랑인 공공자전거 '따릉이', 심지어 리버버스까지 이용 가능합니다.비용과 혜택따릉이 포함 시: 월 이용료는 6.5만 원입니다.따릉이 제외 시: 월 이용료는 6.2만 원입니다. 이는 서울시민이라면 누구나 대중교통을 더욱 쉽고 경제적으로 이용할 수 있게 하는 훌륭한 기회입니다. 사용방법 대상기후동행카드는 특히 서울시 내에서 대중교통 이용이 많은 분들에게 큰 도움이 될 것입니다. 출퇴근이나 학교 다니기, 일상의 여러 활동을 위해 대중교통을 자주 이용한다면, 이 카드는 여러분의 교통비 부담을 크게 줄여줄 것입니다.. 2024. 4. 22. 6. 레이아웃 Column과 Row (Jetpack Compose UI 코틀린 앱 개발) [Jetpack Compose] 가이드 맵 - 전체 보기Jetpack Compose로 열과 행 만들기Jetpack Compose를 사용하면 UI를 구성하는 데 사용되는 다양한 레이아웃 요소를 간편하게 만들 수 있습니다. 이번에는 Column과 Row을 사용하여 열과 행을 만드는 방법을 알아보겠습니다. Column과 Row 소개 Column은 세로 방향으로 UI 요소를 배치할 때 사용되고, Row는 가로 방향으로 UI 요소를 배치할 때 사용됩니다. 각 요소는 구성 가능한 함수로, 내부에 배치할 항목을 넣을 수 있습니다. 열에 텍스트 요소 추가하기기존의 Greeting 함수를 수정하여 두 개의 텍스트 리스트가 있는 열을 표시하도록 만들어보겠습니다. @Composablef.. 2024. 4. 19. 5. 컴포저블 재사용 - 가독성 (Jetpack Compose UI 코틀린 앱 개발) [Jetpack Compose] 가이드 맵 - 전체 보기 안드로이드 Jetpack Compose에서는 컴포저블을 재사용하여 코드 중복을 줄이고, UI를 더욱 효율적으로 구성할 수 있습니다. 이번에는 컴포저블을 재사용하는 방법에 대해 알아보겠습니다.1.컴포저블이란?컴포저블은 UI를 구성하는 데 사용되는 함수입니다. 컴포저블은 @Composable 어노테이션이 붙은 함수로 정의되며, 이 함수는 UI를 구성하는 데 필요한 모든 요소를 반환합니다. 2.컴포저블 재사용 방법컴포저블을 재사용하는 방법은 다음과 같습니다.함수를 @Composable로 선언합니다.함수 내에서 UI를 구성하는 데 필요한 컴포넌트를 반환합니다.반환된 컴포넌트를 다른 컴포저블에서 호출하여 재사용합니다.예를 .. 2024. 4. 19. [코틀린/Kotlin] 가이드맵 - 안드로이드 앱 개발 무료 강의, 강좌 가이드맵 강의 시작 전 ( ↓↓아래 내용을 클릭하시면 해당 게시글로 이동 됩니다!↓↓ ) 왜 코틀린으로 개발하나요? 코틀린 장점이 무엇인가요? 구글 개발자(Google Developers)로 코틀린을 배우자 - 강의소개 사이트 소개 - 구글 Developer에서 코틀린을 배우자 (feat. 파파고로 빠르게) 구글에서 알려주는 안드로이드 앱 개발 - 강의 시작 1단원 : 코틀린 기초 1. 코틀린으로 배우는 안드로이드 기초 - 강의 전체에 대한 개념 정리 2. 코틀린 소개 - 구글이 알려주는 안드로이드 앱 개발 생일 메세지 카드 만들기 ↓ 3. 텍스트 출력하기 - println() 4. 텍스트 여러줄 출력하기 println() 응용 5. 변수 - val, var 6. 함수 - fun 7. 반복문 - repe.. 2024. 4. 19. 4. UI 변경하기 - color,size, padding (Jetpack Compose UI 코틀린 앱 개발) [Jetpack Compose] 가이드 맵 - 전체 보기 안드로이드 Jetpack Compose에서는 UI를 조정하기 위해 다양한 방법을 제공합니다. 이번에는 UI 요소의 색상, 크기, 배치 등을 조정하는 방법에 대해 알아보겠습니다.1. UI 요소의 색상 조정Jetpack Compose에서는 UI 요소의 색상을 조정하기 위해 다양한 방법을 제공합니다. 대표적인 방법은 다음과 같습니다.MaterialTheme.colorScheme: Material Theme에서 제공하는 색상 스키마를 사용하여 UI 요소의 색상을 조정할 수 있습니다.예를 들어, Surface 컴포넌트의 색상을 아래와 같이 설정 할 수있습니다. MaterialTheme.colorScheme.primary Mat.. 2024. 4. 19. 이전 1 2 3 4 다음 반응형