재밌는거🌈

이전에 올렸던 사이트 목록 중, Webflow라는 사이트가 있었다. 바로 노코드 구축! 쪼꼼 바빴던 요즘~ 다시 워밍업을 하기 위해 이것저것 둘러보다가, 궁금했던 Webflow를 둘러보기로 결심! 오늘 무료 회원가입했다. :) Figma와 비슷한 느낌! 무료는 한 2판정도 사용할 수 있는거 같다. 2023.03.02 - [기획하기] - 알아두면 좋은 사이트 목록 https://webflow.com/ Webflow: Create a custom website | No-code website builder Create professional, custom websites in a completely visual canvas with no code. Learn how to create a website by ..

Flutter 장점 중 하나가 바로, Material과 Cupertino를 동시에 사용할 수 있다는 점이다. Cupertino의 Picker를 오늘 정리하면서, 지난 포스팅에 만든 Add Card 코드를 조금 수정해보도록 하겠다. 2023.05.14 - [개발하기] - Flutter_22. CardList, Add Card, TextField, TextArea, Clear Button CupertinoPicker의 상세 내용은 아래 링크 참고 :) https://api.flutter.dev/flutter/cupertino/CupertinoPicker-class.html CupertinoPicker class - cupertino library - Dart API An iOS-styled picker. D..

예~전 포스팅에 이어 Card List에 Card를 추가하는 화면을 구현해보도록 하겠다. 이전 내용은 아래 링크 참고! 2023.05.08 - [개발하기] - Flutter_15. List, Detail View, Message, Static 변수 2023.05.10 - [개발하기] - Flutter_18. DialogAlert, Slider Function, Size, List, Switch Figma, Function Check 1) 구현해야할 화면 체크 🌿 체크 항목 1) TextField : clear Button 2) TextArea : TextField + maxLines 3) Image 2) card_add.dart 파일에 AppBar와 Scaffold 칼라 설정 3) 변수 셋팅 이번 포스팅..

이번 포스팅은 FloatingActionButton을 메모하려 한다. 2023.05.08 - [개발하기] - Flutter_14. Model, Class, List, Card, floatingActionButton Flutter_14. Model, Class, List, Card, floatingActionButton 오늘은 전에 만들던 코드에 카드 리스트 페이지를 추가해보려한다. 🌿 체크 항목 1) home.dart에서 appBar IconButton을 클릭하면, 카드 리스트 페이지로 이동한다. 2) 카드 리스트 페이지를 구현한다. 3) uraon.tistory.com https://api.flutter.dev/flutter/material/FloatingActionButton-class.html Fl..

이번 포스팅에서는 Button과 함께 사용하는 TextField를 메모해보려 한다. 버튼을 클릭하면, 입력한 값은 SnackBar로 출력해보겠다. 2023.05.02 - [개발하기] - Flutter_07. ScaffoldMessenger, SnackBar, Function Flutter_07. ScaffoldMessenger, SnackBar, Function 화면 하단에 앱 프로세스에 대한 간략한 메시지를 제공하는 SnackBar를 메모해보겠다. 자세한 내용은 아래 링크에서 확인! https://docs.flutter.dev/cookbook/design/snackbars Display a snackbar How to implement a snackba uraon.tistory.com TextFiel..

이번 포스팅에는 텍스트필드를 정리해보려 한다. TextField 관련 내용은 아래 링크 참고:) https://api.flutter.dev/flutter/material/TextField-class.html TextField class - material library - Dart API A Material Design text field. A text field lets the user enter text, either with hardware keyboard or with an onscreen keyboard. The text field calls the onChanged callback whenever the user changes the text in the field. If the user in..

지난 포스팅에 이어 오늘도 Function 부분을 구현해보도록 하겠다. 코드를 다시 실행해보고, 해야할 체크 항목을 확인하자 :) 🌿 체크 항목 ✅ Detail Page에서만 Play 화면에 진입 가능, Detail Page에 출력중인 이미지를 Play 화면에 출력하여 사용 ✅ SwitchImageChange : 이미지 변경(작품/아티스트) ✅ SwitchImageSize : 이미지 사이즈 변경(작게/크게) & 스위치 Label 변경(Size-Max/Size-Min) ✅ SwitchImageShow : 이미지 출력 여부 설정(노출/비노출), 비노출일 경우 해당 영역 Color 표시, 노출일 경우에만 1번 가능 4) SliderSize : 이미지 사이즈를 6단계(0~5) 옵션으로 선택하여 조절 5) Sli..

지난 포스팅에 이어 오늘은 Function 부분을 구현해보도록 하겠다. 코드를 다시 실행해보고, 해야할 체크 항목을 확인하자 :) 2023.05.08 - [개발하기] - Flutter_16. Static, Message, Switch, Slider 🌿 체크 항목 ✅ Detail Page에서만 Play 화면에 진입 가능, Detail Page에 출력중인 이미지를 Play 화면에 출력하여 사용 1) SwitchImageChange : 이미지 변경(작품/아티스트) 2) SwitchImageSize : 이미지 사이즈 변경(작게/크게) & 스위치 Label 변경(Size-Max/Size-Min) 3) SwitchImageShow : 이미지 출력 여부 설정(노출/비노출), 비노출일 경우 해당 영역 Color 표시 ..

1. Wireframe Designer GPT3.5 모델을 사용한 와이어프레임 플러그인 https://www.figma.com/community/plugin/1228969298040149016/Wireframe-Designer Wireframe Designer | Figma Community Figma Community plugin - This plugin is a proof of concept that generates wireframe designs using the GPT3.5 model. With just 8 UI components available at the moment, including Top barImage tabsBullet listProduct/review showcaseSquare..