본문 바로가기

Flutter53

모두의 마켓 -2 01 _ 2 메인화면 만들기 IndexedStack와 bottomNavigationBar를 함께 사용하는 방법과 동작 방식을 알아보자 작업 순서 1. MainScreens 위젯 기본 코드 작성하기 2. primaryColor 설정하기 3. IndexedStack의 하위 위젯 만들기 4. MainScreens 위젯 완성하기 1. MainScreens 위젯 기본 코드 작성하기 메인 화면의 동작 방식 중 핵심이 되는 위젯은 IndexedStack 위젯과 BottomNavigationBar 위젯입니다. 이 두 위젯을 활용해서 사용자가 하단 아이콘 버튼을 눌렀을 때 위젯들의 상태가 변경되는 화면을 만들 수 있습니다. main_screens.dart 파일 수정 1. 사용자가 하단 아이콘 버튼을 눌렀을 때 위젯의 i.. 2023. 11. 23.
모두의마켓 - 1 01 _1 앱 뼈대 만들기 작업 순서 1. 폴더 및 파일 만들기 2.pubspec.yaml 파일 설정하기 3. main_screens.dart에 기본 코드 입력 4. 앱 테마 설정 5. main.dart 파일 완성하기 1. 폴더 및 파일 만들기 코드를 한곳에 모두 작성하는 것보다는 가독성 및 재사용을 위해 위젯이나 코드들을 별도의 폴더와 파일로 나누는 것이 좋다. ◆ 기본 폴더 구조 2.pubspec.yaml 파일 설정하기 ※ pubspec.yaml 파일은 간단하게 프로젝트를 정의하는 파일 : 프로젝트의 이름, 버전, 개발 환경 등을 정의하고 앱 개발에 필요한 폰트, 아이콘 및 편리한 기능들을 가져와서 사용할 수 있게 도와주는 파일입니다. 3. main_screens.dart 기본 코드 작성 Androi.. 2023. 11. 23.
용어 정리 - 1 프레젠테이션 계층 (Presentation Layer (UI)) 이 계층에는 위젯, 화면 및 뷰와 같은 사용자 인터페이스 컴포넌트가 포함됩니다. 이 계층은 사용자 상호작용을 처리하고 UI를 렌더링하는 역할을 합니다. 프레젠테이션 계층은 비즈니스 로직 및 데이터 액세스 구현 세부사항과 독립적이어야 합니다. 도메인 계층 (Business Logic) 도메인 계층은 응용 프로그램의 핵심 비즈니스 로직을 나타냅니다. 이 계층에는 사용 사례, 엔터티 및 비즈니스 규칙이 포함됩니다. 사용 사례는 응용 프로그램에서 수행할 수 있는 작업 또는 동작을 정의합니다. 엔터티는 도메인의 중요한 개체를 나타내며 그 동작과 상태를 캡슐화합니다. 도메인 계층은 특정한 프레임워크나 기술과 무관해야 합니다. 데이터 계층 (Data L.. 2023. 11. 2.
테스트 종류 단위 테스트 (Unit Testing) 단위 테스트는 앱의 작은 부분, 주로 함수 또는 메서드와 같은 개별 단위를 테스트하는 데 사용됩니다. Flutter에서는 test 패키지를 사용하여 단위 테스트를 작성하고 실행할 수 있습니다. 통합 테스트 (Integration Testing) 통합 테스트는 앱의 여러 구성 요소가 상호 작용하는 방식을 테스트하는 데 사용됩니다. 이러한 테스트는 앱의 다른 화면 간의 전환, 상태 관리, 백엔드와의 통신 등을 테스트할 때 유용합니다. Flutter는 flutter drive 명령을 사용하여 통합 테스트를 실행합니다. 위젯 테스트 (Widget Testing) 위젯 테스트는 Flutter 위젯을 테스트하는 데 사용됩니다. 이러한 테스트는 UI 위젯의 동작 및 상태를 검증.. 2023. 11. 2.

티스토리툴바