내가 보려고 만든 블로그

정----말 오랜만에 Flutter로 사이드 프로젝트를 시작했습니다. 한동안 손 놓고 있던 사이에 Flutter 버전은 2.x대에서 3.x대로 훌쩍 업데이트되었고, 그러면서 바뀐 점들도 꽤 있더라고요.프로젝트를 진행하며 알게 된 몇 가지를 정리해 보려고 합니다. 그 첫 번째 타자가 바로 Flavor! 그럼 시작해 볼까요?Flavor란?프로젝트를 진행하거나 출시하다 보면 하나의 소스 코드로 여러 환경에 맞춰 앱을 빌드해야 할 때가 많습니다. 개발, 스테이징, 운영 등등.. 각 환경은 서로 다른 API 주소나 앱 이름, 아이콘을 가져와야 하죠. 만약 이런 설정을 수동으로 변경한다면 개발 서버를 바라봐야 할 앱이 운영 서버를 본다거나 하는 크리티컬한 실수를 피하기 쉽지 않습니다.Flutter의 Flavor는 ..

요즘 웹개발 시장을 보면 서버사이드 렌더링 (SSR) 과 정적 사이트 생성 (SSG)는 필수적인 기술이다. 이와 관련하여 React와 Vue.js 를 기반으로 한 대표 프레임워크인 Next.js 와 Nuxt.js 를 정리해보자. 현대 웹 개발에서 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)은 더 이상 선택이 아닌 필수 기술로 자리 잡았다. 뛰어난 사용자 경험(UX)과 검색 엔진 최적화(SEO)를 모두 잡기 위해 많은 개발자가 React와 Vue.js 기반의 대표 프레임워크인 Next.js와 Nuxt.js를 사용하고 있다.두 프레임워크는 파일 기반 라우팅, 코드 분할 등 유사한 기능을 제공하지만, 기반이 되는 라이브러리의 철학과 최신 업데이트 방향성에 따라 뚜렷한 차이를 보이고 있는데, 프로젝..

vuejs 에서 input 내 키보드로 enter 쳤을때 함수 실행하기 둘중 아무거나 쓰면된다.v-on:keyup.enter="login()"@keyup.enter="login()"

Navigator.pushAndRemoveUntil( context, MaterialPageRoute( builder: (BuildContext context) => TabPage(currentIndex: 1), ), (route) => false, );

생각보다 오래걸린 파일 다운로드하기 1. 관련 dependencies 받기 dependencies: path_provider: ^2.0.9 flutter_downloader: ^1.7.3 flutter_downloader 말 그대로 파일 다운받을 수 있게 도와주는 패키지 https://pub.dev/packages/flutter_downloader path_provider 경로 가져오는 패키지 https://pub.dev/packages/path_provider 2. IOS 및 Android 설정하기 IOS 더보기 Remote notifications 와 Background processing 체크! Farameworks, Libraries, and Embedded Content에서 libsqlite3...

문제 icon button에 padding이 너무 과도하게 들어가있어 버튼과 버튼사이에 간격이 생긴다 해결방안 처음엔 다른 위젯처럼 padding에 EdgInsets.zero를 주어보았다 하지만 다른 변화 없이 그대로인걸 확인해서 찾은 방법! IconButton에 아래 코드를 추가하는것이다! constraints: BoxConstraints(), // constraints IconButton( constraints: BoxConstraints(), // constraints onPressed: () { }, icon: Image.asset( iconGrayCheck width: 15, ))

flutter에서 html을 쓰자니 너무 엉성해서 html tag를 모두 빼고 widget으로 그리고싶어서 찾아보았다! import 'package:html/parser.dart'; String parseHtmlString(String htmlString) { try{ final document = parse(htmlString); final String parsedString = parse(document.body!.text).documentElement!.text; return parsedString; }catch(e){ return htmlString; } } 이렇게하면 문자열에서 html 태그를 모두 제거하고 문자열만 출력해서 사용할 수있다!

textfield에서 숫자만 입력하게 하고싶을때! keyboardType: TextInputType.number, inputFormatters: [ FilteringTextInputFormatter.digitsOnly ], // Only numbers can 이렇게 하면 숫자만 입력된다! keyboard type은 변경하지않아도되지만, 유저들의 편의성을 위해 추가해주는걸루!

스크롤 내릴때 bottom navigation bar 보이지않고, 올릴때는 보이게 하고싶은데 setState를 사용하면 데이터가 많을 경우 속도 측면에서 너무 비효율 적이라 setstate를 사용하지않고 기능을 수행하고 싶었다 그래서 찾은방법 HideNavbar class를 새로 생성해 이걸 이용할거다 class HideNavbar { final ScrollController controller = ScrollController(); final ValueNotifier visible = ValueNotifier(true); HideNavbar() { visible.value = true; controller.addListener( () { if (controller.position.userScrollDi..

https://api.flutter.dev/flutter/services/Clipboard-class.html Clipboard class - services library - Dart API Utility methods for interacting with the system's clipboard. Properties hashCode → int The hash code for this object. [...] read-only, inherited runtimeType → Type A representation of the runtime type of the object. read-only, inherited Methods noSuchM api.flutter.dev 플루터에서 지원하는 기본적인 clipb..