이상속으로

안녕하세요. 오늘은 지난시간에 이어 모바일신분증 연계서비스를 이용하는 방법에 대해 알아보도록 하겠습니다. >> 지난 포스팅 https://in-idea.tistory.com/71 모바일신분증 연계서비스 연동하기-1 안녕하세요. 이번에는 행정안전부에서 운영하고 있는 모바일신분증 서비스를 이용하여 우리서비스에서 본인확인 등 여러 수단으로 이용하는 방법에 대해 알아보려 합니다. 모바일신분증은 지 in-idea.tistory.com 위의 게시물을 참고하여 연계신청, wallet&DID 생성을 완료하고 개발지원센터를 통해 블록체인에 DID등록까지 마쳤다면 이제 실제 라이브러리를 다운받아 우리 예제에 적용해보면 되겠습니다. 이번시간에는 라이브러리 다운로드, 개발용 DID를 적용한 WAS를 구축하는 방법까지 알아보도..

안녕하세요. 이번에는 행정안전부에서 운영하고 있는 모바일신분증 서비스를 이용하여 우리서비스에서 본인확인 등 여러 수단으로 이용하는 방법에 대해 알아보려 합니다. 모바일신분증은 지난 2022년 7월부터 본격적으로 도입되어 현재 금융권, 공공기관 등 다양한 분야에서 인증 및 개인정보 제공수단으로 사용되고 있습니다. 모바일 신분증을 육안으로 확인하는 것도 실물 신분증과 동일한 효력이 있다는 점이 있고, 인증정도의 강화를 위해(금융기관 등) 진위여부를 확인할 수 있도록 신분증 연계시스템을 개발할 수 있는데요. 오늘은 연계시스템 개발을 위한 연계신청 및 블록체인 검증 및 복호화를 위한 DID&Wallet 생성 방법에 대해 알아보도록 하겠습니다. 우선 모바일신분증 연계와 관련한 내용은 다음 홈페이지에서 확인하실 수..

안녕하세요. 오늘은 FloatingActionButton 구현 시, 선택버튼을 추가로 사용자에게 제시하는 방법에 대해 알아보도록 하겠습니다. 제가 원하는 기능은 FAB를 클릭할 경우 드롭업(?) 형식의 선택 버튼을 출력하여 사용자에게 추가적인 선택권을 제공하는 것이었는데요 !! 키워드 검색을 통해 적절한 API를 찾아내지 못하여(검색센스가 없어서 그런지 실제 레퍼런스가 없는 것인지는 모르겠지만요...) 여러번 찾아보고 가장 유사한 형태의 SpeedDial이라는 API를 소개하고자 합니다. 우선 영상을 통해 적용화면을 확인해보시죠 ! SpeedDial 적용화면 어떤가요?? 여러분들이 찾으시던 UI가 맞나요?? 아니라면 여러분들은 조금 더 검색을 해보셔야할 것 같습니다... 자!! 그렇다면 이제 적용방법에 ..

최근 Flutter를 통한 앱개발을 수행하면서 만난 정말 당황스러운 오류를 해결한 과정을 공유합니다. A build function returned null. The offending widget is: Builder Build functions must never return null. To return an empty space that causes the building widget to fill available room, return "Container()". To return an empty space that takes as little room as possible, return "Container(width: 0.0, height: 0.0)". 에러로그는 다음과 같이 출력이 되었는데요. ..

기존에 이미 만들어져 있는 위젯만큼 사용하기 편한건 없는 것 같습니다. 플루터 애플리케이션 개발 도중에 선택 다이얼로그를 만들고자 기존에 누군가 위젯을 만들어두지 않았을까하는 생각에 찾아보니 별다른 예제가 없었는데 그 이유는 엄~~~청 심플하게 만들 수 있기 때문이었습니다...ㅎㅎㅎ 혹시나 빠르게 선택 다이얼로그를 만들고자 하신다면 다음의 예제를 활용하시면 될 것 같습니다. showDialog( context: context, builder: (context) { return SimpleDialog( title: const Text("파일을 어떤형식으로 다운로드하시겠습니까?"), children: [ TextButton( child: Text("다운로드"), onPressed: () async { // ..

안녕하세요. 지난시간에는 ListView의 작성방법과 클릭 시 상세페이지로 이동하는 방법에 대해 알아보았습니다. https://in-idea.tistory.com/64 [Flutter] 플루터 화면 이동하기 안녕하세요. 오늘은 지난시간에 이어 플루터에서 화면이동을 하는 방법에 대해 알아보겠습니다. (지난 실습은 아래 URL에서 확인하실 수 있습니다.) https://in-idea.tistory.com/63 [Flutter] 플루터 리스트 in-idea.tistory.com 오늘은 지난번에 구현한 아이템에 로딩간격을 두어 endless한 ListView를 만드는 방법에 대해 알아보도록 하겠습니다. 저는 10개 아이템을 간격으로 로딩 시차를 두어 로딩을 하는 방법을 사용하고자 합니다. 여기서 잠깐 !! 아이..

오늘은 제가 직면한 문제에 대해서 간단하게 정리만 하고 넘어가려 합니다. 플루터에서 리엑티브한 동작을 위해 사용하는 get API를 사용하던 도중 아래의 에러를 만나게 되었습니다. The getter 'obs' isn't defined for the type 'ScrollController' 문제를 해결하고자 이곳저곳을 돌아다녀 봤지만 그럴듯한 해결책이 없었습니다. https://stackoverflow.com/questions/57158458/flutter-error-the-getter-x-isnt-defined-for-the-class Flutter - Error: The getter X isn't defined for the class I have a class TripController that ..

안녕하세요. 오늘은 신규로 제작한 앱을 소개하고자 글을 작성해봅니다. 이번에 개발한 앱은 플루터로 만든 ZZAL(짤) 이라는 앱입니다. ZZAL은 주변에 온라인상 일상대화에서 이야기하고자하는 바를 함축적인 의미를 담은 짤로 표현하곤 하는 현황에 영향을 받아 개발하게 되었습니다. 사용자는 짤 앱을 통해 적절한 상황에 맞는 짤을 키워드를 통해 찾아보고 본인이 원하는 짤을 다운로드 하거나 공유하기를 통해 타 앱에서 공유할 수 있습니다. 다음과 같이 말이죠 ! 시중에 동일 컨셉의 다양한 앱이 있었는데요, 차별점을 두기 위해 키워드 다중 검색, 원본 출처 표기와 같은 기능을 별도로 추가하였습니다. 적절한 상황에서 센스있는 짤을 사용하시는 멋진 분들이라면 이 앱을 통해 좀 더 자신의 의사표현을 원활하게 할 수 있을..

안녕하세요. 오늘은 지난시간에 이어 플루터에서 화면이동을 하는 방법에 대해 알아보겠습니다. (지난 실습은 아래 URL에서 확인하실 수 있습니다.) https://in-idea.tistory.com/63 [Flutter] 플루터 리스트뷰 만들기 안녕하세요. 오늘은 플루터 리스트뷰 예제를 가지고 왔습니다. 대부분의 상용 앱은 동일한 형태의 아이템(또는 객체)를 나열하기 위해 리스트뷰를 사용합니다. 쇼핑몰의 상품 리스트, 커뮤니티 in-idea.tistory.com 안드로이드에서 엑티비티가 쌓이는 방식과 마찬가지로 플루터에서도 Navigator를 이용하여 화면 즉 Screen을 스택구조로 쌓아 관리할 수 있습니다. 화면을 쌓는 메소드는 Navigator.push메소드로, 쌓을 화면을 정의할 Screen을 생성..

안녕하세요. 오늘은 플루터 리스트뷰 예제를 가지고 왔습니다. 대부분의 상용 앱은 동일한 형태의 아이템(또는 객체)를 나열하기 위해 리스트뷰를 사용합니다. 쇼핑몰의 상품 리스트, 커뮤니티의 게시글 리스트 등 다양한 상황에서 사용되죠! 그러면 플루터에서는 어떻게 리스트뷰를 만드는지에 대해 알아보도록 하겠습니다. 상황설정을 위해 도서리스트를 나열하는 예제를 작성해보았습니다. 우선, Book 객체를 정의해줍니다.(예제에서는 main.dart에 모든 클래스를 넣었습니다.) class Book { int id; String title; String imgSrc; Book({required this.id, required this.title, required this.imgSrc}); Map toMap() { ret..