윈디그램

           
  • 홈
  • 태그
  • 방명록
  • 모든게시글 (55)
    • IT&프로그래밍 (21)
    • NAS (4)
    • 맛집추적 (21)
    • Tip & 정보 (9)
flutter - material 3 적용 이후 FAB 모양 변경

IT&프로그래밍 2025. 3. 25. 17:46

material 3 이후 디자인이 변경된 부분 중 FAB(Floating Action Button)의 모양이 동그란 원 모양에서 각진 원 모양으로 변경이 되었습니다.그래서 앱 만들때 기본으로 둥근사각형 모양의 버튼의 디자인이 만들어 지는데요.M2처럼 동그란 원 모양의 FAB모양을 원하시면shape: const CircleBorder(),이걸 넣어 주시면 됩니다.예)return FloatingActionButton( shape: const CircleBorder(), heroTag: "chatFab", backgroundColor: .... child: const Icon(Icons.add), onPressed: () {...  위와같이 변경된 모양을 확인 하실수 있습니다.

DataGrip에서 Table schemas가 보이지 않을때

IT&프로그래밍 2024. 1. 2. 17:02

JetBrains의 강력한 DB툴 DataGrip사용시 Table schemas(테이블스키마)가 보이지 않을때 Properties Or Data Sourceds and Drivers > 해당DB > Options > Introspection에서 Introspect using JDBC metadata를 체크해주고 Refresh를 해주면 전체 스키마를 볼수 있음. (이거 찾는라 몇일밤을 삽질한건 안비밀)

Flutter의 장단점 분석: 모바일 앱 개발의 미래

IT&프로그래밍 2023. 12. 16. 20:46

Flutter: 모바일 앱 개발의 혁신적 플랫폼 모바일 앱 개발의 세계는 끊임없이 변화하고 있으며, 이러한 변화의 최전선에는 Google의 Flutter가 있습니다. Flutter는 다양한 플랫폼에서 단일 코드베이스로 작업할 수 있는 놀라운 유연성을 제공하는 오픈 소스 UI 소프트웨어 개발 키트입니다. Flutter의 가장 큰 매력은 iOS와 Android 앱을 동시에 개발할 수 있는 크로스 플랫폼 개발 능력입니다. 이는 개발자에게 큰 시간 및 비용 절감을 의미하며, 빠른 시장 출시를 가능하게 합니다. Flutter의 장점: 효율성과 일관성 Flutter의 장점은 다양합니다. 먼저, Flutter 앱은 네이티브에 가까운 성능을 제공합니다. 이는 '스케치 엔진'이 직접적으로 네이티브 코드로 컴파일되기 때문..

Flutter material 3 적용 이후 FAB 모양 변경

IT&프로그래밍 2023. 12. 8. 16:18

material 3 이후 디자인이 변경된 부분 중 FAB(Floating Action Button)의 모양이 동그란 원 모양에서 각진 원 모양으로 변경이 되었습니다. 그래서 앱 만들때 기본으로 둥근사각형 모양의 버튼의 디자인이 만들어 지는데요. M2처럼 동그란 원 모양의 FAB모양을 원하시면 shape: const CircleBorder(), 이걸 넣어 주시면 됩니다. 예) return FloatingActionButton( shape: const CircleBorder(), heroTag: "chatFab", backgroundColor: CustomColors.of(context).primary, child: const Icon(Icons.add), onPressed: () {... . . 위와같이 ..

Flutter설치 후 오류 해결

IT&프로그래밍 2023. 12. 7. 23:54

Flutter 설치 후 오류 해결 방법 콘솔에 'flutter doctor' 명령어를 실행하면 아래와 같이 나오게 될때 해결방법. Android toolchain - develop for Android devices 이라고 뜨고 상세 내용에 Unable to locate Android SDK. 라고 표시가 되어있습니다. 기본 안드로이드 SDK경로가 아닌 다른 경로에 설치가 되어있을 경우입니다. `flutter config --android-sdk` 명령어를 이용하여 폴더를 지정해 주면 됩니다. 저의 경우 안드로이드 스튜디오에 설치했으므로 설정에서 AndroidSDK로 가면 위와같이 경로가 지정되어있어 경로를 복사하였습니다. 예) flutter config --android-sdk="C:\Developer..

카페24 호스팅 무료 보안 인증서 SSL(HTTPS)적용하기(리뉴얼)

Tip & 정보 2023. 11. 15. 12:54

우선 SSL적용을 위해 ZeroSSL이라는 무료로 인증서를 발급해주는 사이트에 방문에서 등록을 해야합니다. 아래의 링크를 클릭하여 ZeroSSL 사이트에 방문합니다. https://zerossl.com/ SSL적용할 도메인을 입력후 Next Step버튼을 클릭합니다. 계정을 만들어야 합니다. 1번영역에 이메일을 넣으시고 2번의 비밀번호도 입력후 다음스탭으로 넘어갑니다. 1번영역에 SSL적용할 도메인을 한번 더 입력해 주신후 2번영역의 화살표를 눌러줍니다. 1번의 90일짜리로 선택 해 주세요. 그다음 2번의 CSR & Contact화살표를 눌러줍니다. 1번영역의 Auto-Generate CSR의 스위치를 활성화 시켜줍니다. CSR의 90일까지 자동연장할꺼냐고 묻는거 같습니다. 그리고 2번영역의 Finali..

flutter firebase CLI 설정

IT&프로그래밍 2023. 3. 15. 09:43

개발에 필요한 부분만 간단히 메모한 글입니다. 1. Firebase CLI 설치 콘솔창에서 다음을 입력 -> npm install -g firebase-tools 2. Firebase에 로그인 -> firebase login *여기서 실행할수 없다는 메시지가 뜨면 권한문제일 것임. 윈도우 찾기에서 'PowerShell'을 관리자 권한으로 실행 후 다음을 입력 Get-ExecutionPolicy Restricted 라고 뜨면 다음과 같이 입력하여 권한 정책을 변경함 Set-ExecutionPolicy RemoteSigned 3. 아래 명령을 통해 flutterfire_cli 를 전역에서 사용할 수 있도록 설정 -> dart pub global activate flutterfire_cli 4. Firebas..

시놀(헤놀)로지 plex서버 Daum Movie 에이전트 설치하기

NAS 2021. 12. 30. 18:06

시놀(헤놀)로지 plex서버에서 각 영상들의 썸네일이 제대로 나오지 않는 경우가 있어 찾아보니 plex서버 > 에이전트를 Daum Movie로 적용을하면 해결된다는 팁을 얻었다. https://github.com/axfree/DaumMovie.bundle이곳 접속을 하여 아래와 같이 zip파일을 다운. DaumMovie.bundle-master 폴더명에서 "-master"부분을 삭제한다. DaumMovie.bundle-master -> DaumMovie.bundle Plex가 설치되어있는 경로로 이동하여 해당 파일을 올려주면 되는데 일단은 FTP로 쉽게 올릴수있는 폴더에 올린후 파일을 복사 or 이동시켜서 적용 시켜주면된다. 나의 경우 잘 이용하는 UTIL에 해당 파일을 올린 후 PLEX설치 경로로 이동..

자바스크립트 (Jquery) 카운트다운 타이머

IT&프로그래밍 2021. 12. 17. 10:20

/* 함수 */ countDownTimer : function (dt, id) { let end = new Date(dt); let _second = 1000; let _minute = _second * 60; let _hour = _minute * 60; let _day = _hour * 24; let timer; let showRemaining = function() { let now = new Date(); let distance = end - now; if (distance < 0) { clearInterval(timer); $('#'+id).html('투표가 마감 되었습니다.'); return; } // let days = Math.floor(distance / _day); let hours =..

amcharts5 XY차트(XYChart, 막대차트) 범례 설정 및 색상지정

IT&프로그래밍 2021. 12. 17. 10:15

class MyTheme extends am5.Theme { setupDefaultRules() { this.rule("ColorSet").set("colors", [ am5.color(0x1e73be), /* 블루 */ am5.color(0xe05151), /* 레드 */ am5.color(0xa8a8a8) /* 그레이 */ ]); } } let root = am5.Root.new("chartdiv2_"+index); root.setThemes([ am5themes_Animated.new(root), MyTheme.new(root) ]); let chart = root.container.children.push( am5xy.XYChart.new(root, { panY: false, wheelY: "zo..

‹ Prev 1 2 3 4 ··· 6 Next ›

풍문으로 떠도는 세상의 모든이야기 - 윈디그램

카테고리

  • 모든게시글 (55)
    • IT&프로그래밍 (21)
    • NAS (4)
    • 맛집추적 (21)
    • Tip & 정보 (9)
  • 홈
  • 태그
  • 방명록

Copyright © 윈디그램 / designed by dev.golrazo.com

티스토리툴바