Flutter

안녕하세요 불망입니다! 피플에서 메인 기능으로 지도 커뮤니티를 기획하게 되어서 지도 개발을 시작 하였습니다. 간단한 아키텍처 구성을 해봤습니다. - 모든 헌혈의 집 위치를 가져와서 마커 표시 - 마커 눌렀을 때 - 바텀 시트 조금 보여주기 - 바텀 시트 눌렀을 때 - 센터 상세페이지로 이동 - 지도 탭을 눌렀을 때 현재 위치 가져와서 보여주기 - 검색창은 기존 검색창 사용 - 검색 했을 때 검색 결과를 누르면 좌표이동해서 보여주기 - 검색 결과 필터링(지도 완성후 기능추가 & 백엔드) - 헌혈의 집 버튼 : 헌혈의 집만 마커 표시 - 헌혈의 카페 버튼 : 헌혈의 카페만 마커 표시 - 가까운 헌혈의 집 보여주기(지도 완성 후 기능 추가) - 내 위치표시 : 내 현재 위치 표시 - 아이콘 커스텀마이징 위 기..

안녕하세요 오늘도 피플에서 한 일 중 하나를 가져왔습니다. 업무내용 현재 테스트 결과 아이폰8에서 이미지처럼 오류를 확인할 수 있었습니다. 디자이너분이 말씀해주신 응원해요 아이콘 위치 조정과 응원해요 기능 수정 (게시글 밖에서 눌렀을 때 게시글로 이동, 기획의도는 생활처럼 하트가 채워짐) 인증 횟수 오버 플로우 수정 응원해요 패딩 값 수정 응원해요 기능 오류 수정 개발내용 : 1. 인증 횟수 오버 플로우 수정 처음에는 Iphone SE 기준으로 수정하려고 했지만 iphon14,14pro도 overflow가 생겨서 iphone SE와 똑같이 적용시켰습니다. iphone pro max 기종은 문제가 없어 기존 디자인을 유지합니다. 2. 응원해요 패딩 값 수정 디자이너분이 말씀해주신 부분으로 응원해요 아이콘 ..

안녕하세요 오늘은 제가 피플내에서 했던 일 중 하나를 소개하려고 가져왔습니다. 저희는 플로우 업무툴을 사용하는데 아래처럼 요청사항이 들어왔습니다! 1번 이슈 로그인 없이 댓글 작성,대댓글 작성, 채팅을 누를때 팝업창이 나오게 했습니다.(피플생활, 사연) 피플은 로그인 없이 이용할 수 있는데 사용할 수 있는 기능이 제한적입니다. 이번 이슈는 로그인을 안한 상태에서 글에 댓글을 달거나 채팅을 하려는 경우 아무런 팝업, 알람이 나오지 않았기 때문에 유저에게 어떠한 정보도 알려주지 않는 상태였습니다. 그래서 로그인을 안한 상태에서 로그인을 해야만 사용할 수 있는 기능을 이용하려고 할 때 팝업창을 띄워 유저가 로그인을 해야만 이용을 할 수 있다고 알려주는 기능을 만들었습니다. 2번 이슈 로그인 없이 설정 눌렀을 ..

Flutter에는 StatelessWidget 이랑 StatefulWidget이 있다. Stateless 이둘의 차이점으로 간단하게 설명하자면 화면이 렌더링 될 때 변경이 되지 않는 것을 Stateless로 한다. 이벤트, 상호작용에 동작하지 않는 위젯들을 사용한다. Stateful Stateful은 less와 다르게 동적인 위젯을 다룰때 사용한다 사용자가 버튼을 눌러서 실행이 된다거나 이벤트가 일어난다 등 화면을 랜더링 하면서 움직임을 가져오고 상호작용이 되는 위젯들을 사용한다. Stateful parameter 사용법 여기서 오늘 기억해야 할 부분은 Stateful을 사용할 때 매개변수를 가져오려면 widget.파라미터이름으로 가져와 사용할 수 있다. 밑에 예시 class Home extends St..

Dart는 모든 플랫폼에서 빠른 앱을 위한 클라이언트 최적화 언어. UI 최적화용 사용자 인터페이스 생성 요구에 특화된 프로그래밍 언어로 개발 생산적인 개발 핫 리로드를 사용하여 실행 중인 앱에서 즉시 결과 확인 모든 플랫폼에서 빠름 모바일, 데스크톱 및 백엔드용 ARM 및 x64 머신 코드로 컴파일. 또는 웹용 JavaScript로 컴파일 Flutter 프레임워크는 인기 있는 다중 플랫폼 UI 툴킷으로 Dart 플랫폼으로 구동되며 iOS, Android, macOS, Windows, Linux 및 웹에서 실행되는 UI 경험을 빌드하기 위한 도구 및 UI 라이브러리를 제공합니다. Dart는 유저 인터페이스 생성의 필요에 맞게 특별히 설계되고 최적화된 익숙한 구문을 갖고 있음. Flutter 애플리케이션을..

GitHub - bulmang/instagram Contribute to bulmang/instagram development by creating an account on GitHub. github.com 앱 설명 인스타그램 클론 코딩으로서 플러터 기초적인 부분을 공부했습니다. 앱 기능 서버에서 json파일 가져와서 가공하여 이미지, 글 보여주기 사진 이미지를 눌렀을 때 Hero 에니메이션 사용하여 이동 작성자 눌렀을 때 프로필 페이지로 이동하여 팔로우 버튼과 사진을 Grid view, Scroll view로 가져오기 ImagePicker 사용하여 앨범에서 사진을 선택하여 글을 작성하여 게시물 올리기 시간을 정하여 알람 주는 법, 알람 눌렀을 때 원하는 페이지 이동 개발 하기전 설정 사항 analysi..

GitHub - bulmang/errormessage Contribute to bulmang/errormessage development by creating an account on GitHub. github.com 앱 설명 오류 메세지 출력 에니메이션 SnackBar 앱 기능 awesome_snackbar_content 0.1.0 APi 사용 버튼을 눌렀을 때 상단, 하단에서 Custom된 메세지 출력 X버튼을 누르면 사라지거나 슬라이드 하여 사라짐 문법정리 const : const로 지정해두면 앱을 실행할 때 한번만 생성하여 리소스 낭비 방지 debugShowCheckedModeBanner : 디버그배너 표시 clipBehavior : 이미지 클립 지정 BoxDecoration : 말 그대로 UI ..

회원 가입 패이지 개발 추가로 아이폰 SE모델 하다 12 프로맥스를 하니 확인 위젯이 끝까지 안들어가는 것을 확인했다. 수정을 해봐야 할 것 같다. CupertinoPageScaffold : IOS design을 바탕으로 만들어진 Scaffold Scaffold : Scaffold( appBar: AppBar(), // 상단에 들어갈 위젯 body: Container(), // 중간에 들어갈 위젯 bottomNavigationBar: BottomAppBar( ), // 하단에 들어갈 위젯 ) ㅇSafeArea : Appbar가 디바이스마다 달라 자동설정 해줌. CupertinoButton : padding이 default로 들어가고 있기 때문에 패딩 제로로 준다, 안되면 minsize : 0.0 설정 i..