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

ㅎㅇ!!!! 와 개발 블로그 진짜 오랜만에 쓰는 거 같음...ㄷㄷ 졸업 프로젝트 동안 꾸준히 써보려 했는데 개처럼 바빠서 결국 조금밖에 못썼네 ㅎ 진짜 시간 없었어서 아쉽진 않다. 아무튼~~!! 드뎌 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. 카메라 선택 시 카메라로 영상 촬영하는 ..

flutter에서는 온보딩 화면을 간단하게 만들 수 있는 라이브러리를 제공해준다. 바로 이것. https://pub.dev/packages/introduction_screen introduction_screen | Flutter Package Introduction/Onboarding package for flutter app with some customizations possibilities pub.dev 기존에 제공해주는 기능은 다음과 같다. 이미지, 타이틀, 설명 텍스트, 스킵 버튼, 다음 버튼, 인디케이터 이것들의 위치가 고정이다. 그래서 아래와 같이 이미지, 타이틀, 설명을 지정해주면 나만의 온보딩을 간단하게 만들 수 있다. PageViewModel( title: "Title of introd..

권한 추가를 해보자고요. 1. 의존성 다운 https://pub.dev/packages/permission_handler dependencies: permission_handler: ^10.4.2 2. 네이티브 코드에 요청할 권한 작성 - 나는 카메라, 쓰기 권한을 요청하려고 한다. - Android: android/app/src/main/AndroidManifest.xml의 안에 다음 코드 추가 - iOS: ios/Runner/Info.plist의 안에 다음 코드 추가 NSPhotoLibraryUsageDescription $(PRODUCT_NAME) 사진첩 접근 권한 NSCameraUsageDescription $(PRODUCT_NAME) 카메라 접근 권한 NSPhotoLibraryAddUsageDe..