안녕하세요!오늘도 블로그를 찾아주셔서 감사합니다. 이번 글에서는 간단한 녹음 기능이 있는 앱을 개발해 보려고 합니다. 먼저 프로젝트부터 생성해 줍니다. 다음으로 pubspec.yaml에 필요한 라이브러리를 선언해 주고 import 해줍시다. 사용자 시나리오는 아래와 같습니다. 1. 녹음 기능: 재생, 일시정지, 정지(=저장)2. 녹음 재생3. 녹음 파일명 변경 & 녹음 파일 삭제 따라서, 우선 프로젝트 구조는 아래의 이미지처럼 구성해 봤습니다. 어느 정도 기본 뼈대는 완성이 됐습니다! 지금부터가 본격적인 개발 시작입니다.개발해야 하는 항목들을 적으면서 생각을 정리해 보겠습니다. 1. pubspec.yaml에 필요한 라이브러리● 녹음 기능을 위한 라이브러리● 오디오 재생을 위한 라이브러리● 파일 시스템 접..

https://github.com/KwonGeneral/nextseat GitHub - KwonGeneral/nextseat: 같은 와이파이, 다른 이야기같은 와이파이, 다른 이야기. Contribute to KwonGeneral/nextseat development by creating an account on GitHub.github.com 안녕하세요~! 오늘, 옆자리 프로젝트의 개발을 끝냈습니다!이번 프로젝트는 지하철로 출퇴근하면서 생각한 "같은 와이파이 대역폭을 공유하는 경우에 상호 간의 채팅을 지원한다."라는 아이디어를 바탕으로 개발하게 되었습니다. 다른 분들에게 작은 도움이 되길 바라면서 코드는 공개해 놓겠습니다. 감사합니다!

곰곰히 생각해보니, 채팅방을 만들고 해당 채팅방에 입장하는 방식이었다면, 현재 로직대로 가면 되는데,컨셉 자체가 채팅방과는 다르기 때문에, 웹소켓을 적용하지 않는게 더 깔끔해 보입니다. UDP로 채팅 뿌리고 끝내는게 제일 깔끔할 것 같네요.다음 작업 때 로직 다 걷어내고 깔끔하게 수정해서 마무리하는게 좋아보입니다~

이번엔 UDP 서비스를 개발했습니다. 남은건, 웹소켓으로 연결 후에 채팅 전송 및 수신 정도가 남았네요~

먼저 와이파이 연결 확인의 경우, 유틸적인 성향이 강하고, 페이지 진입 전에 확인이 필요한 기능으로 보이니, 미들웨어로 개발하는게 좋아 보입니다. https://pub.dev/packages/network_info_plus network_info_plus | Flutter packageFlutter plugin for discovering information (e.g. WiFi details) of the network.pub.dev 위 라이브러리를 사용할 예정인데, 디테일은 나중에 잡고, 우선 간단하게 기능만 만들어 놓으려고 합니다.  위 미들웨어를 가지고,  홈 페이지에 적용해주면, 됩니다. 원래는 미들웨어에서 return으로 RouteSettings를 넘겨줘서 처리를 했었는데, 단점이 내부적으로 ..

이제 메인 로직을 제외한 나머지가 얼추 개발이 된 것 같습니다.나중에 하루정도 몰아서 메인 로직까지 완성하고, 테스트를 해보면 될 것 같습니다.코드에 대해서 궁금하신 점은, 아래의 깃허브에 모두 업로드 해놨으니 참고 부탁드립니다~ https://github.com/KwonGeneral/nextseat.git GitHub - KwonGeneral/nextseat: 같은 와이파이, 다른 이야기같은 와이파이, 다른 이야기. Contribute to KwonGeneral/nextseat development by creating an account on GitHub.github.com

앱을 개발해야하는데, 생각 정리할 겸 글을 작성했습니다. 제가 생각하는 앱 구성은 심플합니다.페이지는 2개를 제공할 예정입니다. 1. 미들웨어 페이지- 앱을 사용하기 위해서는, 와이파이 연결이 필수이기 때문에, 와이파이 연결을 체크하고 대기하는 페이지입니다. 2. 홈 페이지- 현재 와이파이에서 앱에 접근한 사람들과 채팅할 수 있는 페이지입니다.  그다음, 플로우 입니다.Block. 와이파이 재연결 요청 1. 와이파이 연결 확인1-Yes => [2]1-No => [Block] 2. 현재 와이파이 IP 주소 확인2-Yes => [3]2-No => [Block] 3. UDP 통신 시작 4. 현재 해당 와이파이 IP에 채팅방이 존재하는지 확인4-Yes: [6]4-No: [5] 5. 채팅방 생성5-1. 일정 시간..

스킴, 라우터, 로그, 의존성 등등 환경 구성을 마쳤습니다.다음부터 본격적인 개발에 들어갈 예정입니다. 매번 느끼지만, 초반에 제대로 기본적인 개발 토대를 만들어 두면, 차후에 개발에만 전념할 수 있어서 좋습니다. 이번에 구성을 해놓으면, 다음 프로젝트부터는 거의 비슷하게 맞춰놓고 시작하려 합니다. 이번에 개발한 영역은, 경험적인 부분도 있고 양도 많아서 모두 설명하긴 어려울 것 같습니다.깃허브에 오픈했으니, 참고 부탁드립니다.사진은 간단하게 모델 부분만 올리겠습니다.    https://github.com/KwonGeneral/nextseat GitHub - KwonGeneral/nextseat: 같은 와이파이, 다른 이야기같은 와이파이, 다른 이야기. Contribute to KwonGeneral/n..

긴 휴일을 보내고 다시 컴퓨터 앞에 앉았습니다.아직 여독이 남아있어서오늘은 간단하게 프로젝트 생성 후에 폴더 구조를 만들고, 깃허브에 업로드하고 마무리하려고 합니다. 클린 아키텍처를 사용할 것이며, 상태관리는 'get'을 사용하려고 합니다.고민중인건 내부 DB 라이브러리인데, 편한 라이브러리는 "shared_preferences"이지만, 몇 가지 단점이 있습니다. 예를 들어, 푸시를 해당 라이브러리를 통해 내부 DB에 저장하려고 하는 경우, 흔하지는 않지만, 특정 Key에 동시 접근이 가능해서 데이터가 제대로 수정이 안된다는 점과 첫 로드 시, 데이터를 미리 로드를 해줘야 한다는 점 등등이 있습니다.그러나 이를 상쇄할만큼 큰 장점이 간편하고 사용하기 편합니다. 해당 프로젝트에서는 쿼리문도 사용하지 않을 ..

* 같은 와이파이에 접속한 유저들끼리만 접근이 가능1. 익명 보장2. 서버에 데이터를 저장하지 않음 위의 컨셉을 유지한 채로, 앱을 개발 및 배포하려고 합니다.프로젝트명은 일단 "옆자리"로 하고, 진행하겠습니다. "옆자리" - 같은 와이파이, 다른 이야기 당신 옆 누군가와 익명으로 대화하세요. 와이파이로 연결된 공간에서만 만나는 비밀 채팅앱. 완벽한 익명성, 데이터 무저장으로 안전하게. 지금 옆자리엔 어떤 이야기가 숨어있을까요?아래 이미지를 컨셉 이미지로 사용하겠습니다.