Flutter
-
플러터 앱을 구성하는 위젯은 StatelessWidget과 StatefulWidget 두 가지로 구분할 수 있습니다. 오늘은 Stateless와 Stateful에 대해 알아보겠습니다. StatelessWidget 과 StatefulWidget을 선택할 때는 UI의 요구 사항을 고려해야 합니다. Stateless Stateless 위젯은 현재 상태를 저장할 수 없습니다. UI가 사용자 상호 작용에 따라 변경되지 않아야 하는 경우에 유용합니다. 예를 들어보면, 버튼을 클릭할 때마다 텍스트 위젯 안에 있는 텍스트를 바꾸는 화면 -> 부적합 단순히 텍스트를 표시하는 화면 -> 적합 Stateful Stateful 위젯은 현재 상태를 저장할 수 있습니다. UI가 사용자 상호 작용에 따라 변경되어야 하는 경우에 유..
[플러터 개념] Stateless와 Stateful플러터 앱을 구성하는 위젯은 StatelessWidget과 StatefulWidget 두 가지로 구분할 수 있습니다. 오늘은 Stateless와 Stateful에 대해 알아보겠습니다. StatelessWidget 과 StatefulWidget을 선택할 때는 UI의 요구 사항을 고려해야 합니다. Stateless Stateless 위젯은 현재 상태를 저장할 수 없습니다. UI가 사용자 상호 작용에 따라 변경되지 않아야 하는 경우에 유용합니다. 예를 들어보면, 버튼을 클릭할 때마다 텍스트 위젯 안에 있는 텍스트를 바꾸는 화면 -> 부적합 단순히 텍스트를 표시하는 화면 -> 적합 Stateful Stateful 위젯은 현재 상태를 저장할 수 있습니다. UI가 사용자 상호 작용에 따라 변경되어야 하는 경우에 유..
2023.06.15 -
안녕하세요! 오늘은 플러터 앱에서 폰트를 바꿔볼게요! 준비물 준비물은 원하는 폰트. ttf 파일이에요! 아직 원하는 폰트를 찾지 못하신 분들을 위해서 제가 기본적인 대표 폰트 사이트를 공유해 드릴게요! 이 사이트에서는 상업적으로 무료인 폰트들이 있으니까, 원하는 폰트 잘 찾아가세요! https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 디렉터리 생성 자 우선 폰트 파일을 플러터 앱 폴더에 넣어줘야겠죠? 플러터 프로젝트를 우클릭하고 "assets" 디렉터리를 새로 만들어줍니다. 이미지나 애니메이션을 넣느라 이미 있으신 분들도 계실 텐데요. 없으신 분들을 위해 알려드릴게요! 다음은 "assets" 파일에서 "fonts" 디렉터리를 또 만들어줍니다! "fonts" 디렉터리..
[플러터 개발] IOS, 안드로이드 앱 폰트 바꾸기안녕하세요! 오늘은 플러터 앱에서 폰트를 바꿔볼게요! 준비물 준비물은 원하는 폰트. ttf 파일이에요! 아직 원하는 폰트를 찾지 못하신 분들을 위해서 제가 기본적인 대표 폰트 사이트를 공유해 드릴게요! 이 사이트에서는 상업적으로 무료인 폰트들이 있으니까, 원하는 폰트 잘 찾아가세요! https://noonnu.cc/ 눈누 상업용 무료한글폰트 사이트 noonnu.cc 디렉터리 생성 자 우선 폰트 파일을 플러터 앱 폴더에 넣어줘야겠죠? 플러터 프로젝트를 우클릭하고 "assets" 디렉터리를 새로 만들어줍니다. 이미지나 애니메이션을 넣느라 이미 있으신 분들도 계실 텐데요. 없으신 분들을 위해 알려드릴게요! 다음은 "assets" 파일에서 "fonts" 디렉터리를 또 만들어줍니다! "fonts" 디렉터리..
2023.06.06 -
안녕하세요! 오늘은 나만의 앱바를 만들어보는 시간을 가져보려고 합니다! 앱바는 메인 앱바, 뒤로 가기가 있는 서브 앱바를 만들어볼게요! 디렉터리 생성 우선 디렉터리와 dart 파일들을 만들어볼까요? 우선 디렉터리와 파일을 설명해 드릴게요. screen 디렉터리 : 페이지들을 저장하는 폴더 main_screen.dart : 메인 페이지의 코드를 작성할 파일 sub_screen.dart : 서브 페이지의 코드를 작성할 파일 widget 디렉터리 : 커스텀 위젯들을 저장하는 폴더 appbar 디렉터리 : 커스텀 앱바들을 저장하는 폴더 main_app_bar.dart : 메인 앱바의 코드를 작성할 파일 sub_app_bar.dart : 서브 앱바의 코드를 작성할 파일 이제 파일 하나씩 파고 들어가 볼까요?..
[플러터 개발] Flutter - 나만의 커스텀 앱바 만들어보기(AppBar)안녕하세요! 오늘은 나만의 앱바를 만들어보는 시간을 가져보려고 합니다! 앱바는 메인 앱바, 뒤로 가기가 있는 서브 앱바를 만들어볼게요! 디렉터리 생성 우선 디렉터리와 dart 파일들을 만들어볼까요? 우선 디렉터리와 파일을 설명해 드릴게요. screen 디렉터리 : 페이지들을 저장하는 폴더 main_screen.dart : 메인 페이지의 코드를 작성할 파일 sub_screen.dart : 서브 페이지의 코드를 작성할 파일 widget 디렉터리 : 커스텀 위젯들을 저장하는 폴더 appbar 디렉터리 : 커스텀 앱바들을 저장하는 폴더 main_app_bar.dart : 메인 앱바의 코드를 작성할 파일 sub_app_bar.dart : 서브 앱바의 코드를 작성할 파일 이제 파일 하나씩 파고 들어가 볼까요?..
2023.06.03