재밌는거🌈

오늘은 카드 상세 페이지에서 FloatingActionButton을 클릭하면, "Play Image" 페이지로 이동하고, 해당 페이지에서 Swtich와 Slider를 사용한 기능을 복습해보려한다. 스위치와 슬라이더 관련 내용은 아래 링크 참고 :) 2023.05.06 - [개발하기] - Flutter_13. Stateful, Switch, setState, Button Flutter_13. Stateful, Switch, setState, Button 스위치는 스위치의 값을 알고 있을 전역 변수가 필요하다. 자세한 소개는 아래 링크 참고 :) https://api.flutter.dev/flutter/material/Switch-class.html Switch class - material library ..

이번에는 카드 리스트에서 카드를 클릭하면, 상세 페이지로 이동 하는 부분을 만들어 보려한다. 선택한 카드의 이미지, 타이틀, 내용 정보를 그대로 상세 페이지에 출력해보자 :) 객체가 없는 class static 변수 1) message.dart 파일 생성하고, 주고받을 정보 Static 정의 🌈 static 이란? → 어디에서든 사용할 수 있음! 인스턴스에 귀속되지 않고, 클래스 통째로 귀속이 되는것. 함수 또는 변수가 통째로 클래스에 귀속이 되는 것! 2) card_list.dart 파일에서, Card > onTap에 보내줄 정보 Message. 에 선택 정보 담기! 3) card_detail.dart 파일에서, body에 Message. 정보로 출력하기! 4) 저장하고, 목록 상세 화면 이동 확인 5..

오늘은 전에 만들던 코드에 카드 리스트 페이지를 추가해보려한다. 🌿 체크 항목 1) home.dart에서 appBar IconButton을 클릭하면, 카드 리스트 페이지로 이동한다. 2) 카드 리스트 페이지를 구현한다. 3) 화면에 떠있는 플로팅 버튼을 구현한다. 이전에 home.dart를 만들어 Drawer를 넣고, appBar에 IconButton을 추가했었다. Drawer는 ListView로 UserAccountsDrawerHeader와 ListTile를 셋팅하고, 홈메인 화면(이미지 스와이프)은 img_swipe.dart라는 별도 신규 파일에, body 코드를 통으로 분리하였다. 수업 시간에 배운거 꼼꼼히 복습중 :) 2023.05.05 - [개발하기] - Flutter_11. Drawer, Li..

스위치는 스위치의 값을 알고 있을 전역 변수가 필요하다. 자세한 소개는 아래 링크 참고 :) https://api.flutter.dev/flutter/material/Switch-class.html Switch class - material library - Dart API A Material Design switch. Used to toggle the on/off state of a single setting. The switch itself does not maintain any state. Instead, when the state of the switch changes, the widget calls the onChanged callback. Most widgets that use a switch..

1. Designus - UIUX https://designus.io/reference 디자이너스 세상의 모든 디자이너들을 위한 공간, 디자이너스(Designus) designus.io #토픽 : 투표 결과 및 다른 사람들의 의견을 댓글로 확인 가능 #레퍼런스 라이브러리 : 다양한 앱 화면의 UIUX 레퍼런스 확인 가능 수많은 앱들을 모두 설치해서 보려면 시간이 너무 많이 소요된다. 미리 앱화면을 체킹 할 수 있고, 앱이 좋다면 바로 다운로드 가능!🌈 2. Coolors https://coolors.co/ Coolors - The super fast color palettes generator! Generate or browse beautiful color combinations for your desi..

지난 번 별도 파일로 body를 분리하였다. 이어서 홈화면을 만들어 보겠다. 파일은 img_swipe.dart 에 이어서 작업 할 예정이다. 2023.05.05 - [개발하기] - Flutter_11. Drawer, ListTitle, Navigator, body, class, Stateful Flutter_11. Drawer, ListTitle, Navigator, body, class, Stateful 오늘은 지난번 포스팅에 이어서 Drawer에 리스트를 만들고 페이지 이동을 시켜보도록 하겠다. 2023.05.04 - [개발하기] - Flutter_10. Drawer, AppBar IconButton Flutter_10. Drawer, AppBar IconButton 오늘은 AppBar에 IconBu..

오늘은 지난번 포스팅에 이어서 Drawer에 리스트를 만들고 페이지 이동을 시켜보도록 하겠다. 2023.05.04 - [개발하기] - Flutter_10. Drawer, AppBar IconButton Flutter_10. Drawer, AppBar IconButton 오늘은 AppBar에 IconButton을 넣고, 클릭시 Drawer를 열어보는 것을 메모하려한다. AppBar에 사용되는 IconButton은 위치에 따라 leading, actions로 나뉜다. 자세한 내용은 아래 링크 확인! :) https://api.flutter.dev/ uraon.tistory.com Routing, Drawer, ListView 1) 폴더 "page"에 파일 추가하고, main.dart 파일에 Routing 셋..

오늘은 AppBar에 IconButton을 넣고, 클릭시 Drawer를 열어보는 것을 메모하려한다. AppBar에 사용되는 IconButton은 위치에 따라 leading, actions로 나뉜다. 자세한 내용은 아래 링크 확인! :) https://api.flutter.dev/flutter/material/AppBar-class.html AppBar class - material library - Dart API A Material Design app bar. An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar. App bars typically expose one or..

Flutter_08번에서 만든 코드에 Button을 추가하고, Push로 이동하는 것을 추가해보겠다. [참고 : 2023.05.03 - [개발하기] - Flutter_08. AlertDialog, Navigator, Routing, PushNamed ] Navigator, Push 1) home.dart 파일에 GestureDetector를 Column으로 랩핑 2) Button 2개를 Row로 추가하고, 화면 정렬 3) 저장하고 화면 확인 4) Button에 Navigator.push(); 추가 context는 현재 화면을 저장하고, 추후 화면 이동 후 돌아올때 다시 보여줍니다. 5) route에 MaterialPageRoute(builder: ) 추가 return을 페이지1번 A로 넣어줍니다. 6) ..