본문 바로가기
반응형

Flutter404

Mac에서 Brew를 이용한 플러터 개발환경 간단 설치 개발 환경 세팅플러터 SDK 파일을 내려받아 직접 설치하는 방법 대신 Homebrew를 사용하여 flutter를 손쉽게 설치하는 방법을 알려드립니다.1. Homebrew 설치Homebrew 공식 사이트 HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh터미널을 열어 홈페이지에 있는 코드를 붙여넣기하고 실행.brew --versionbrew --version을 터미널에 입력해서 설치되었는지 확인합니다.==> Next steps:- Run these commands in your terminal to add Homebrew to your PATH: echo >> /Users/maccrey/.zprofile echo 'eval "$(/.. 2024. 11. 16.
플러터에서 MVVM 패턴의 ViewModel이란? MVC 패턴과 비교해서 이해하기 앱 개발을 하다 보면 MVC, MVVM 같은 아키텍처 패턴을 접하게 됩니다.이 중 MVVM 패턴에서의 ViewModel은 앱의 구조를 이해하는 데 중요한 역할을 하지만, 많은 초보 개발자들이 이 개념을 헷갈려 합니다. 특히 MVC 패턴과의 차이점을 이해하면 MVVM의 ViewModel 역할이 더 명확해집니다.이번 글에서는 MVC와 MVVM 패턴을 비교하여 ViewModel이 무엇인지 쉽게 설명하겠습니다.MVC 패턴이란?MVC 패턴은 Model-View-Controller로 구성된 전통적인 아키텍처 패턴입니다.Model: 데이터와 비즈니스 로직을 처리합니다. 데이터베이스와의 상호작용이나 API 호출을 담당하는 부분입니다.View: 사용자에게 보여지는 화면(UI)입니다. 예를 들어, Flutter의 위젯이 .. 2024. 11. 14.
플러터에서 위젯 함수와 클래스 차이점: 코드 분리 시 어떤 것을 선택해야 할까? 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.
플러터에서 Void Callback을 쉽게 이해하고 사용하는 방법! 초보자를 위한 완벽 가이드 플러터에서 Void Callback 쉽게 이해하기안녕하세요, 여러분! 오늘은 Flutter에서 자주 사용되는 Void Callback에 대해 알아볼게요.개발을 시작하면서 가장 처음 접하게 되는 개념 중 하나지만, 그 개념을 바로 이해하기 쉽지 않은데요.특히 초보 개발자 분들께 Void Callback은 단순해 보여도 "왜 필요할까?" 하는 궁금증을 남기곤 합니다.이번 포스팅에서는 Void Callback의 의미와 Flutter에서 쉽게 사용하는 방법을 코드와 함께 자세히 설명드릴게요!1. Void Callback이란?Void Callback이란, 아무 값도 반환하지 않는 함수 타입을 말해요.void는 "아무것도 반환하지 않는다"는 뜻이고, Callback은 특정 조건이나 이벤트가 발생할 때 호출되는 함수.. 2024. 11. 13.
반응형

티스토리툴바