와챠의 우당탕탕 코딩 일기장

아래와 같은 앱을 만들어보면서 State를 더 깊이 배워보려 한다.두 가지 기능이 있는 앱이다.water count: "Add one" 버튼을 눌러 하루동안 물 얼마나 마셨는지 기록todo list(wellness list): 고정된 wellness 목록. 체크버튼, 삭제 버튼이 있음 Composable의 생명 주기Recompositionremember / rememberSaveableStateful / StatelessViewModelWater CounterWellnessTaskWellnessItemWellnessListWellnessViewModelWellnessScreen  Jetpack Compose UI에서 상태 및 이벤트를 고려하는 방법Compose에서 상태를 사용하여 화면에 표시할 요소를 결..

문제 설명다음 그림과 같이 지뢰가 있는 지역과 지뢰에 인접한 위, 아래, 좌, 우 대각선 칸을 모두 위험지역으로 분류합니다.지뢰는 2차원 배열 board에 1로 표시되어 있고 board에는 지뢰가 매설 된 지역 1과, 지뢰가 없는 지역 0만 존재합니다.지뢰가 매설된 지역의 지도 board가 매개변수로 주어질 때, 안전한 지역의 칸 수를 return하도록 solution 함수를 완성해주세요. 예시boardresult[[0, 0, 0, 0, 0], [0, 0, 0, 0, 0], [0, 0, 0, 0, 0], [0, 0, 1, 0, 0], [0, 0, 0, 0, 0]]16[[0, 0, 0, 0, 0], [0, 0, 0, 0, 0], [0, 0, 0, 0, 0], [0, 0, 1, 1, 0], [0, 0, 0,..

1탄에서는 Surfaces, Rows, Columns를 사용해 레이아웃을 구성하고,Modifier의 padding, fillMaxWidth, size 등으로 레이아웃을 꾸며보았다.이번엔 아래와 같은 좀 더 복잡한 레이아웃을 만들어보려고 한다.이 링크에서 실습할 수 있다~위에서부터 위젯을 작게 나누어서 개발해보자!SearchBarAlign Your Body: elementFavorite Collections: elementAlign Your Body: listFavorite Collections: listAlign Your Body & Favorite CollectionsNavigationBarDone!window size에 맞게 화면 재구성1. SearchBar@Composablefun SearchBar..

JetPack Compose 공부를 해보려고 한다.(드디어~!)Android Developer가 제공해주는 JetPack Compose Basics 1 강의를 따라서 공부해봤다. Compose의 정의Modifier의 정의컴포저블 함수의 state를 관리하는 방법성능 기준에 맞는 목록을 만드는 방법애니메이션을 추가하는 방법앱 스타일과 테마를 지정하는 방법기타: 참고하면 좋을 사이트들아래는 목차에 따른 강의 내용을 정리해본 것이다.1. Compose의 정의@Composable 어노테이션을 fun 앞에 붙임으로써 컴포저블 함수로 만들 수 있다.@Composable: 지속적으로 UI를 업데이트하고 유지관리하기 위해 함수에 특수 지원을 추가하도록 Compose에 알려주는 역할컴포저블 함수 내에서 다른 컴포저블 ..

Android Developer Newsletter를 보다가 나도 잘 몰랐던 기능인데 알아두면 좋을 거 같아서 올만에 블로그를 펴본다! sealed interfacevalue classtakeIf & takeUnless 1. sealed interface공식문서 이건 sealed class를 먼저 알아야 한다,..sealed class:enum class와 비슷하게 타입을 제한적으로 사용할 수 있다. (그래서 when 구절에서 else문을 사용하지 않아도 됨!!)enum class와의 차이점: enum class의 인스턴스는 하나의 인스턴스로 한정되어 있지만, sealed class는 여러 인스턴스를 가질 수 있다.예시를 보자.enum class는 다음과 같이 생성자가 다른 인스턴스를 생성할 수 없고, ..

카카오 공유 전에 이전 포스팅인 Dymanic Link까지 개발이 완료되어있어야 한다. https://min-wachya.tistory.com/254 [Flutter] Share Link with Firebase/링크로 공유하기 결과 화면 미리보기 0. 의존성 추가 dependencies: // 최신 버전 확인 필수! firebase_core: ^2.15.1 firebase_dynamic_links: ^5.3.5 uni_links: ^0.5.1 share_plus: ^7.1.0 flutterfire_cli: ^0.2.7 1. Firebase 프로젝트 생성 다이나믹 링 min-wachya.tistory.com 결과 화면 미리보기 0. 패키지 설정 dependencies: kakao_flutter_sdk: ..

결과 화면 미리보기 0. 의존성 추가 dependencies: // 최신 버전 확인 필수! firebase_core: ^2.15.1 firebase_dynamic_links: ^5.3.5 uni_links: ^0.5.1 share_plus: ^7.1.0 flutterfire_cli: ^0.2.7 1. Firebase 프로젝트 생성 다이나믹 링크 클릭!! 근데 25년 8월까지라네... 저는 23년의 졸업 프로젝트를 위해 사용하는 거니까... 그냥 사용할게여 다른 기능들도 비슷하지 않을까~....난챳떼,,, 근데 이거 아니면 머 쓰지?? 서버에서 만들어주나? 암튼 도메인을 pocketpose.page.link로 정하고, 프리픽스인가 그걸 share이라는 이름으로 만들었다. 2. Flutter에 Firebas..

결과화면 - 웹소켓을 통해 내용 입력하면 실시간으로 아래 채팅 리스트가 변하는 기능을 만들어볼 것이다. - user_1이 다른 유저, 이름 가린 게 나다! 0. 의존성 다운 https://pub.dev/packages/stomp_dart_client dependencies: stomp_dart_client: ^0.4.4 1. 소켓 연결 - StompClient를 사용하여 소켓을 연결한다. - 소켓의 base url를 넣어주고, 연결될 때 구독을 하는 함수는 onConnect에 넣어두었다. - 마지막으로 활성화를 해주면 연결 성공!! // 소켓 연결 void _connectWebSocket() async { const storage = FlutterSecureStorage(); const storageKe..