flutter10 Provider 라이브러리 사용 Flutter의 UI 코드는 백엔드 코드작성를 작성하는 dart 파일 안에 같이 코드를 작성할 수 있게 되어 있습니다. (Android Native의 UI 코드는 xml 파일에 , 백엔드 코드는 Java 또는 Kotlin 파일에 작성합니다.) 그래서 기본 프로젝트 코드를 보면 UI, 비지니스 로직 부분이 더욱 강하게 연결되어 있습니다. 그래서! Business Logic을 분리하게 도와주는 라이브러리 중 Provider 라이브러리를 활용하게 되었습니다. (참고로, Bloc 패턴 라이브러리도 존재합니다. Provider 보다 더욱 비지니스 로직을 분리하기에는 좋지만, 학습량이 더욱 많아 대규모 프로젝트에 적합합니다. ) Provider가 무슨 역할을 하나요? => Provider 라이브러리는 Data Cl.. 2020. 2. 23. How Flutter renders Widget Flutter는 Google의 UI Tool kit으로 웹, 모바일, 데탑을 아름답게 만들게 해준다. 먼저, 아주 간단한 UI 구성의 코드를 보자. 1. 2개의 Widget으로 구성된 예시 2. 3개의 Widget으로 구성된 예시 Flutter의 모든것은 Widget이다. 그리고 Widget은 immutable 하다. Flutter의 렌더링 과정은 3개의 트리 구조이다. 1. Widget 2. Element 3. RenderObject Widget Element RenderObject Docs 설명 Widget은 Element의 설정을 설명한다. (Widget: describes the configuration for an Element) Element는 Widget의 인스턴스이다. (it's an in.. 2019. 11. 23. Mac에 Fultter로 Android 개발하기 - 2 1. Android Studio 설치, Flutter Plugin 설치하기 2. 이제 New Project 항목에 Flutter Project 가 생긴것을 확인할 수 있다! SDK path는 .bash_profile 경로 맞추는 작업을 했으니 자동 설정되어 있다. 2019. 10. 18. Mac에 Fultter로 Android 개발하기 - 1 1. Flutter 공식 홈에서 MacOS SDK 를 다운받는다. 2. Home 경로의 .bash_profile 파일 내용을 수정해준다. Home 경로는 아래와 같이 Mac의 User명 폴더입니다. (제 mac은 gil 폴더입니다) 2-1) Terminal 에서 .bash_profile 을 열어줍니다. cd $home // Home 경로로 이동 (Terminal 열면 기본적으로 이 위치에서 시작) vi .bash_profile // vim 편집기를 이용하여 내용 편집 제 컴터의 .bash_profile 내용은 아래와 같습니다. export PATH=/Users/gil/Library/Android/sdk/platform-tools:$PATH # Setting PATH for Python 3.7 # The .. 2019. 10. 18. 이전 1 2 다음