전체글98 [Flutter] checkbox radius 기본 체크박스 코드 Checkbox( value: true, onChanged: (value) {}, }, 아래 shape 부분 코드를 추가하면 Border Radius 적용 가능 Checkbox( value: true, onChanged: (value) {}, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(4), ), ), 2022. 5. 19. 앱 개발할때 좋은 안드로이드 미러링 scrcpy [macOS] Flutter 개발할때 ios는 시뮬레이터로 하는데, android는 실기기로 하는편이다. (아이폰없음) 실기기로 테스트할때 편하게 하기위해 스마트폰 거치대도 보유하고있는데, scrcpy를 알게된뒤로는 쓴적이없다 아주 편한 scrcpy를 설치해보자 자세한것은 공식문서를 읽어보면 된다 //설치하기 brew install scrcpy 설치는 길면 몇분까지도 걸리는듯. 설치후 터미널에 scrcpy 를 입력하면 현재 연결된 스마트폰 화면이 바로 뜨는데 아주 편하다 더이상 스마트폰을 쳐다보지 않아도된다. 그냥 모니터에 vscode랑 같이 띄워놓으면 개꿀 만약 adb 어쩌고 하는 오류가 뜬다면 brew install android-platform-tools 입력후 설치하면 된다. 2022. 5. 7. [Flutter] 우측상단의 DEBUG없애기 플러터 개발을 하다보면 우측상단의 DEBUG 라벨을 볼수있다 이것을 제거하기 위해서는 MaterialApp 에 debugShowCheckedModeBanner 를 false로 지정해주면된다. 2022. 5. 7. 맥북 안드로이드스튜디오 에뮬레이터 인터넷 되게하기 기록용 글 맥에서 flutter 테스트중, 인터넷이 안돼서 앱이 에러뜸 찾아보니까 맥북은 따로 설정을 해줘야됨 시스템 환경설정 > 네트워크 > 고급 > DNS 탭 이동후 8.8.8.8 추가해주면 완료. 에뮬레이터는 재시작 (중요) Internet stopped working on Android Emulator (Mac OS) I am using Android Studio 2.3(Latest). Till yesterday it was all good and working, today emulator is not connecting to the data network. I couldn't find any solution working so far. My Mac is runni... stackoverflow... 2022. 1. 28. firebase hosting 후 새로고침하면 404되는 문제 문제 vue로 제작한 어드민페이지를 firebase hosting을 이용해서 배포했다. 근데 새로고침하면 404가 뜨는문제가 생겼다. 해결 firebase.json의 hosting속에 아래 코드를 추가하면된다 { "hosting": { // ......다른 코드들.... // 아래 코드 추가 "rewrites": [{ "source": "**", "destination": "/index.html" }] } } 참고 : 스택오버플로우 2022. 1. 24. 소름돋는 copilot 1주일 전부터 copilot을 사용하고있다. Preview 신청후 1주일정도 기다리니까 메일이 왔다. 공부하면서 사용하는중인데 copilot이 자꾸 코드를 미리 입력해줘서 소름돋는다.. 거의 내 머리속을 읽고있는거같은 느낌 ㅋㅋ 공부가 아예 안될정도로 추천을 잘해준다 가끔은 copilot이 추천해주는 코드를 무시하고 내가 생각한대로 짰는데 copilot이 추천해준게 더 괜찮은 코드일때가 있다 무섭다ㄷㄷ 2021. 7. 27. Firestore에서 Timestamp 다루기 firestore 콘솔 웹에서 timestamp 필드를 보면 저렇게 시간이 나온다. 근데 해당 데이터를 실제로 뽑아보면 console.log(doc.data().creationTime); // Timestamp { _seconds: 1618381810, _nanoseconds: 792000000 } 이렇게 date 객체가 아닌 다른 형식으로 출력된다. 이건 바로 사용할수없고 date객체로 변환해줘야하는데 firestore 에서 .toDate() 라는 명령어를 지원해주기때문에 사용하면된다 console.log(doc.data().creationTime.toDate()); // 2021-04-14T06:30:10.792Z 여기에 내가 사용하고있는 Quasar framework 에서 지원해주는 date plu.. 2021. 7. 21. Quasar 에서 Cookies 사용하기 요즘 Quasar 프레임워크를 이용해서 웹페이지를 개발하고있다. 메인페이지에 공지사항을 띄워야하는데 1일동안 보지않기 기능이 필요했다. 이 기능에는 보통 쿠키를 사용하는데, Quasar 에서 자체적으로 지원해주는 플러그인이 있어서 아주 쉽게 구현할수있다. 우선 플러그인 사용을위해, quasar.conf.js에 Cookies를 추가해준다. // quasar.conf.js return { framework: { plugins: ['Cookies'], }, }; 그리고 해당 플러그인을 사용하길 원하는 페이지의 이제 methods에 특정 버튼을 클릭했을때 쿠키를 생성하는 코드를 넣어주면된다 쿠키 플러그인 사용법 및 옵션은 Quasar cookies문서에서 확인할수있다. 이제 메인페이지 접속했을때 쿠키가 있는지 .. 2021. 3. 15. Quasar Framework default font 변경 Quasar프로젝트의 기본폰트를 Noto sans KR로 바꾸기 위해 삽질했다 우선 공식홈페이지에 가보면 Typography | Quasar Framework The typography of a Quasar app and its helper CSS classes. quasar.dev The default webfont embedded is Roboto. But it is not required. You can use whatever font(s) you like. 즉 기본 내장폰트는 Roboto 이지만, 바꾸고싶으면 맘대로 바꿔서 쓰라고 나와있다. 나는 이것을 Noto Sans KR 로 변경하려고했으나,, 실패했고 그냥 body { } 에 font family를 넣어서 변경했다 extras: [ //'r.. 2021. 3. 11. 랜덤 이미지 추천 사이트 Lorem Picsum 평소에 사이드 프로젝트를 진행할때, 왠지 허전하고 심심한부분에 이미지를 넣곤했다 그럴때마다 사이즈에 맞게 이미지구하기도 귀찮았었는데 Lorem Picsum 이라는 사이트를 알게되었다. 아주 유용하고 사용법도 아주아주 쉽다 250x250(width & height) 사이즈 이미지를 얻고싶으면 ? https://picsum.photos/250/250 2021. 3. 10. 이전 1 2 3 4 5 6 7 ··· 10 다음
