본문 바로가기
반응형

FLUTTER462

플러터에서 위젯 함수와 클래스 차이점: 코드 분리 시 어떤 것을 선택해야 할까? Flutter에서 코드를 분리할 때, Widget을 함수 형태로 만들지, 아니면 클래스로 만들어야 할지 고민될 때가 많습니다.두 가지 방식 모두 Flutter에서 자주 사용되지만, 상황에 따라 더 적합한 방법이 있습니다.이 글에서는 위젯을 함수로 만드는 경우와 클래스로 만드는 경우의 차이점과, 각각의 장점과 단점을 알아보겠습니다.이 내용을 통해 코드 분리 시 어떤 방식이 더 적합할지 판단할 수 있을 거예요!위젯을 함수로 만들기Flutter에서는 함수로 간단한 UI를 구성할 수 있습니다.함수 형태의 위젯은 보통 작은 UI 요소를 만들 때 유용하며, 코드가 간결해지고 빠르게 작성할 수 있다는 장점이 있습니다.Widget profileImage(String imageUrl) { return CircleAva.. 2024. 11. 14.
플러터에서 코드 분리하기: 깨끗하고 관리하기 쉬운 코드 작성 방법! Flutter로 앱을 만들다 보면 코드가 길어지고 복잡해지는 경우가 많습니다.특히 UI를 구성하는 코드가 한 파일에 몰려 있으면, 유지 보수하기도 어렵고, 코드의 가독성도 떨어집니다.이럴 때 코드 분리를 통해 파일과 클래스를 나누어주면 더 깔끔하고 효율적인 앱 개발이 가능합니다.이번 글에서는 초보자도 쉽게 따라 할 수 있는 Flutter 코드 분리 방법을 알려드릴게요!코드 분리가 필요한 이유가독성 향상: 긴 코드보다 작은 코드 블록으로 나누면 읽기 쉬워요.유지보수 용이: 특정 기능이나 UI 요소만 수정하고 싶을 때, 해당 파일만 수정하면 됩니다.재사용성 증가: 분리된 위젯이나 함수는 다른 화면에서도 재사용할 수 있어요.1. 위젯을 별도 파일로 분리하기Flutter에서는 화면을 구성하는 각 위젯을 독립적인.. 2024. 11. 14.
플러터의 builder() 함수 완벽 이해하기! 초보자도 쉽게 배우는 빌더 함수 사용법 Flutter 개발을 시작하다 보면 여러 가지 함수와 위젯을 만나게 되는데, 그중에서도 builder() 함수는 다양한 상황에서 자주 사용됩니다.하지만 builder()라는 이름만으로는 이 함수가 정확히 어떤 역할을 하는지 직관적으로 이해하기 어려울 수 있어요.이 글에서는 Flutter 초보자도 쉽게 이해할 수 있도록 builder() 함수가 무엇이고, 언제 그리고 어떻게 사용하는지 친절하게 설명드리겠습니다.builder() 함수란?builder() 함수는 Flutter에서 반복적으로 화면을 그리거나, 데이터가 업데이트될 때마다 UI를 새로 그려야 할 때 사용하는 함수입니다.예를 들어, 많은 데이터를 스크롤하면서 보여줘야 하거나 리스트에서 데이터가 동적으로 추가되는 상황에서 builder() 함수가 큰 .. 2024. 11. 14.
Flutter에서 Optimistic Response Cache 완벽 가이드 모바일 앱을 만들다 보면, 서버 응답이 지연되면서 유저 경험이 떨어지는 경우가 있습니다.특히 네트워크가 느리거나 연결이 불안정할 때 더 그렇죠. 이런 상황을 개선하기 위해 Optimistic Response Cache라는 기술이 있습니다.Flutter에서도 이 기술을 이용하면 앱 속도를 높이고 유저에게 더 매끄러운 경험을 제공할 수 있습니다. Optimistic Response Cache는 초보자들이 이해하기 어려울 수 있는 기술이지만, 쉽게 풀어서 설명해드리겠습니다.이 글에서는 Optimistic Response Cache가 무엇인지, 왜 필요한지, 그리고 Flutter에서 어떻게 구현하는지 단계별로 설명드리겠습니다.1. Optimistic Response Cache란 무엇인가?Optimistic Re.. 2024. 11. 7.
플러터 클린 아키텍처: 작은 앱에서 큰 프로젝트까지의 맞춤 설계 클린 아키텍처는 소프트웨어 엔지니어 로버트 C. 마틴(Robert C. Martin)이 제안한 설계 원칙을 따릅니다.이 아키텍처는 계층화된 구조를 사용하여 확장성과 테스트 용이성을 제공합니다.이번 글에서는 프로젝트의 규모가 커짐에 따라 발생하는 여러 문제를 해결하기 위한 6단계를 소개하겠습니다.이 과정에서 클린 아키텍처가 어떻게 적용되었는지를 설명드리겠습니다.이 내용은 Flutter 뿐만 아니라 다른 앱 개발에도 적용할 수 있습니다.1단계: 첫 번째 아키텍처가장 처음에는 View에서 직접 서버로 데이터를 요청하여 화면을 구성하는 간단한 구조였습니다.class PostListViewState extends State { List _posts = []; // 1. 데이터를 받아와 저장합니다. void .. 2024. 11. 4.
플러터에서 Freezed 플러그인! Entity Code Generation은 이거 하나로 끝 Flutter는 코드 생성 기능이 매우 활성화되어 있습니다.잘 알려진 json_serializable 라이브러리와 retrofit 및 chopper 라이브러리도 이에 해당합니다.오늘 소개할 freezed는 데이터 클래스에 다양한 편의 기능을 제공하는 코드 생성 라이브러리입니다.Freezed vs Json Serializable"Freezed 라이브러리가 이미 사용되고 있는 다른 코드 생성 라이브러리와 도대체 뭐가 다른가?"라는 질문이 생길 수 있습니다.freezed는 데이터 클래스에서 필요한 기능들을 한 번에 제공해주는 라이브러리입니다.비슷한 역할을 하는 json_serializable과 함께 사용하면, freezed는 copy 기능, toString 오버라이드, Union 클래스 등을 추가적으로 사용할.. 2024. 10. 27.
반응형

티스토리툴바