Bull

ChangeNotifierProvider주로 객체의 상태가 변하고, 이 상태 변화에 따라 UI를 업데이트해야 할 때 사용한다. ChangeNotifier를 상속받은 클래스에서 상태를 관리한다. 이 클래스는 상태가 변경될 때 notifyListeners() 메서드를 호출하여, 이 상태를 구독하고 있는 모든 위젯들이 리빌드되도록 알린다.쇼핑 카트에 항목을 추가하거나 삭제할 때, 이런 상태 변화는 UI에 반영되어야 하므로 ChangeNotifierProvider를 사용한다.class CartModel extends ChangeNotifier { List _items = []; List get items => _items; void addItem(Item item) { _items.add(item);..

https://pub.dev/packages/pdf pdf | Dart packageA pdf producer for Dart. It can create pdf files for both web or flutter.pub.devpdf package플러터에서 pdf 를 추출하고싶을 때 사용한다. pdf 자체를 만드는 건 아래 사진과 같이 여러 플랫폼에서 지원 가능하다.pdf를 추출하거나 보려면 priniting 패키지를 같이 사용한다. 혹은 pdf view/extract 가 가능한 패키지로 볼 수 있다. pdf 패키지 만으로도 추출할 수 있지만 간단함을 위해 나는 printing 패키지를 함께 쓰겠다. pdf 패키지로 추출하는 방법은 패키지에 나와있지만 보여주자면 아래를 참고하면 된다.final file ..

https://webostv.developer.lge.com/news/2024-07-15-new-and-successful-experiment-of-webos-with-flutter New and Successful Experiment of webOS with Flutter for Better Performance and Playful Experience | webOS TV DeveloperCheck the library, API, and other reference information provided by the webOS TV platform.webostv.developer.lge.com webOS의 배경webOS는 원래 Palm, Inc.에서 개발된 운영체제로, 2009년에 처음 발표되어 주로 스..

쿼리 매개변수api 요청 시 특정 인덱스에서 아이템을 불러오는 때 등 특정 매개변수가 필요한 경우가 있다. Path 클래스는 FastAPI에서 경로 매개변수를 선언할 때 사용되는 특별한 클래스다. 주로 경로 매개변수의 유효성 검사, 기본값 설정, 제한 조건 등을 정의하는 데 사용된다. Path 클래스는 경로 매개변수를 선언할 때 기본값을 설정하거나, 필수 매개변수로 지정할 수 있다. 경로 매개변수는 URL 경로의 일부로 전달되는 값이다.Path() 사용법from fastapi import FastAPI, Pathapp = FastAPI()@app.get("/items/{item_id}")async def read_item(item_id: int = Path(..., description="The ID o..

Pydanticpydantic은 파이썬의 타입 어노테이션을 이용해서 요청 바디의 검증을 할 수 있다. 요청 데이터를 검증하고 악의적인 공격을 줄여주기 때문이다.데이터 모델링Pydantic은 BaseModel 클래스를 기반으로 데이터 모델을 정의한다. 모델 클래스 내에 속성을 정의하고, 각 속성에 타입 힌트를 부여하면 Pydantic이 자동으로 유효성을 검사하고 변환한다.from pydantic import BaseModelclass User(BaseModel): id: int name: str signup_ts: Optional[datetime] = None friends: List[int]유효성 검사 및 타입 변환Pydantic은 지정된 타입에 따라 입력 데이터를 자동으로 변환하거..

Fast API의 라우팅라우트는 api 요청 메소드를 수락하고 선택적으로 인수를 받을 수 있도록 허락해준다. 우리가 기존에 사용하던 단일 라우팅 방식은 다음과 같다.from fastapi import FastAPIfrom todo import todo_routerapp = FastAPI()@app.get("/")async def welcome() -> dict: return { "message": "Hello World" }FastAPI() 인스턴스를 생성하여 라우트를 정의했었다. 하지만 여러 라우팅을 해야하는 상황이라면 다음 클래스를 사용해주는 것이 좋다.FastAPI - APIRouter()from fastapi import APIRouterrouter = APIRouter()..

채팅 관련 서비스를 개발하던 중, GPT api를 불러오는데 생각해보니 GPT는 마크다운으로 답변할 때가 많다. 그래서 응답을 받은 텍스트를 마크다운 그대로 적용시키기 위해 플러터에서 필요했다.코드블록과 인라인 코드 블록도 이렇게 적용시킬 수 있다.플러터에서 마크다운을 적용 시키는 패키지는 다음과 같이 flutter_markdown 패키지를 사용한다.https://pub.dev/packages/flutter_markdown flutter_markdown | Flutter packageA Markdown renderer for Flutter. Create rich text output, including text styles, tables, links, and more, from plain text dat..

* 정확하지 않고 이해한 바탕으로 쉽게 설명하기 위해 대략적으로 적었으니 틀린 내용이 있을 수 있습니다.Bloc 간단 브리핑Bloc Pattern은 Flutter에서 상태관리 패키지 중 하나로, [bloc, event, state] 클래스를 나누어 세부적으로 각각 역할이 주어진다. event는 말 그대로 이벤트를 처리하는 기능을 구현하는 클래스이다. state는 상태를 나타내는 클래스라고 할 수 있다. 그러면 bloc은? bloc은 이 event와 state를 전체적으로 관리해주는 역할을 한다.// eventabstract class BlocEvent {}class BlocEvent1 extends BlocEvent {}class BlocEvent2 extends BlocEvent {}// ...//st..

이 깔끔하고 아름다운 토글형태의 선택버튼이 있는 이미지를 생각했지만 아는 건 쥐뿔만큼 없는 난 토글 스위치라는 단어 밖에 생각나지 않았다. 요즘 GPT도 멍청해져서 그냥 혼자 찾아보고 있다가 카톡 오픈채팅으로 질문을 물어보았다. 구현하라고 하면 구현할 수는 있겠지만 내장되어 있는 위젯을 사용하는 게 더 깔끔하기 때문에 찾아보았다.좋은 답변들이 왔지만 결국 자문자답하였다 ㅋㅋ 도움을 주신 분들 감사합니다.글을 쓴 이유?그림과 같은 토글버튼의 존재를 몰랐기 때문에 기억하려고 적은 이유가 커서 이미 목적은 달성했다. 제목을 저렇게 지은 이유도 이 때문이다. ToggleButtons에 대한 설명은 문서를 보면되니까. 기본을 알려주는 교과서적인 정리는 시간이 될 때..? 근데 하나 적고 싶은 게 있다!Toggle..

https://stackoverflow.com/questions/59554348/how-can-i-change-drawer-icon-in-flutter How can I change Drawer icon in flutter?The drawer has this default three horizontal bars as default icon but I want to change it to something else. I have checked the possible options under the Drawer(), but no property seems to be atta...stackoverflow.com검색어"Drawer icon flutter"변경 방법Widget build(BuildContext c..

https://stackoverflow.com/questions/50400529/how-to-change-textfields-height-and-width How to change TextField's height and width?How to customise TextField's width and height?stackoverflow.com 검색어"textField height flutter"처음 검색이 아니였던 것;두 번째 검색하는 거였다니.....그래서 적용 방법은?SizedBox( height: 100.0, child: TextField(),)부모 위젯에 SizeeBox 해주면 된다!

사진처럼 TextField에 테두리 color도 적용하고 Border radius도 적용한 상태에서 Boder radius에 fit한 Background color도 추가하고 싶었다. 아래의 코드를 보고 어느 프로퍼티에 넣는 지 확인해보자.설명Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(30), color: const Color.fromARGB(255, 236, 255, 237), ), child: TextField( (...CODE...) ),)우선 컨테이너로 TextField로 감싸야 한다. TextField의 내부에서 border radius에 맞게 background color를 찾는..