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

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는 다음과 같이 생성자가 다른 인스턴스를 생성할 수 없고, ..

ㅎㅇ!!!! 와 개발 블로그 진짜 오랜만에 쓰는 거 같음...ㄷㄷ 졸업 프로젝트 동안 꾸준히 써보려 했는데 개처럼 바빠서 결국 조금밖에 못썼네 ㅎ 진짜 시간 없었어서 아쉽진 않다. 아무튼~~!! 드뎌 1년간의 졸업 프로젝트도 끝이 났고, 나의 4-2학기도 끝이... 아직 안 났구나.ㅎ 이 글에서는 졸업 프로젝트 후기를 써보려고 한다. 목차도 있음ㅎㅎ 0. 프로젝트 소개 졸업 프로젝트 진행 흐름 졸업 프로젝트에서 한 일들과 결과 내가 맡은 일과 자랑하고 싶은 부분 힘들었던 점 아쉬운 점 기타 0. 프로젝트 소개 울 팀 플젝 이름이 이거임 Pocket Pose: 누구나 쉽고 재밌게 춤을 즐기는 경험을 제공하는 앱 서비스 짧게 말하자면 주요 기능이 2개 있음 1. 숏폼 커뮤니티: 댄스 챌린지같은 짧은 영상 올..

카카오 공유 전에 이전 포스팅인 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..

0. 시작하기 전에 구현하고자 하는 것: 댓글 목록을 받아오는 코드를 작성할 것이다. requset: get url: {baseUrl}/api/v1/talks/messages?page={0}&size={3} 파라미터에 int page, int size 넣으면 됨 response page Number 조회된 페이지 번호 size Number 조회된 한 페이지 크기 messages[].messageId String 메세지 식별자 messages[].createdAt String 메세지 전송 시각 messages[].content String 메세지 내용 messages[].sender.userId String 메세지 전송자 식별자 messages[].sender.nickname String 메세지 전송자 닉..

결과 화면 - 바텀 시트: 바텀 시트에서 갤러리에서 가져올 건지, 직접 찍을 건지 선택 - 갤러리: 갤러리에서 영상 선택, 카메리: 카메라로 영상 촬영 - 미리보기: 선택한/촬영한 영상 미리보기(무한 재생) + 제목, 태그 입력 1. 의존성 추가 dependencies: video_player: ^2.6.1 image_picker: ^1.0.0 2. 바텀 시트(갤러리, 카메라 촬영) 2-1. 갤러리 선택 시 갤러리에서 영상 선택하는 코드 // 갤러리 선택 시 동작하는 코드 onTap: () { getVideo(ImageSource.gallery);// 갤러리에서 영상 가져오는 함수 Navigator.of(context).pop();// 바텀시트 내리기 } 2-2. 카메라 선택 시 카메라로 영상 촬영하는 ..