오른쪽 Design 메뉴바의 Fill 에서 색상이 표시된 네모박스 클릭Custom 밑에 흐린 네모박스 클릭Linear로 선택한 후 좌측과 우측 각각의 색상과 투명도 설정(중간에 색상 변화구간을 추가하고 싶다면 Linear 아래의 수평바 중 원하는 곳 클릭)상단바에서 텍
디자인 분야의 감각이 뛰어난 고등학교 지인에게 진중문고의 특색을 살린 앱 로고를 의뢰하여 받은 앱 로고 초안이다.위 초안 중 자기개발의 싹을 틔운다는 의미를 담은 '새싹'과, 이 새싹을 틔우는 수단인 '책'을 활용하여 진중문고의 '中'을 표현한 것이, 진중문고의 존재
이전 게시글의 Main Screen 디자인에서 Dev's Pick 부분을 제거하고 분기 혹은 분야를 선택할 수 있는 DropDown Box를 추가했다.위 화면과 같이 책 Container를 클릭하면 해당 책에 대한 설명을 보다 자세하게 볼 수 있는 화면이다.책 상세정보
Firebase는 Google에서 제공하는 백엔드 서비스 플랫폼으로, 앱 개발자가 서버 및 인프라를 구축하지 않고도 앱의 다양한 기능을 개발할 수 있도록 지원합니다. 이 글에서는 Firebase를 사용하여 Flutter 애플리케이션을 개발하는 방법에 대해 알아보겠습니다
Flutter는 Google에서 개발한 UI 툴킷으로, 단일 코드베이스에서 iOS, Android, 웹 및 데스크톱용 애플리케이션을 개발할 수 있는 기능을 제공합니다. 이번 글에서는 Flutter로 개발한 진중문고 애플리케이션의 메인 화면 구성을 살펴보겠습니다.Main
Flutter 앱에서 사용자 인증을 위한 로그인 화면은 매우 중요합니다. 이번 글에서는 Flutter의 LoginScreen 클래스를 분석하여 로그인 화면을 구현하는 방법에 대해 알아보겠습니다. LoginScreen 클래스 소개 ✨ LoginScreen 클래스 사용자
이번 글에서는 Flutter와 Firebase를 결합하여 회원가입 화면을 구현하는 방법에 대해 자세히 알아보겠습니다. 함께 사용하면 강력한 기능과 사용자 관리 기능을 쉽게 구현할 수 있습니다.CreateAccountScreen 클래스는 진중문고 앱에 로그인하기 위한 계
이번 글에서는 진중문고 분야별 책 목록 화면과 분기별 책 목록 화면을 구현한 방법에 대해 알아보겠습니다. 코드를 하나씩 살펴보면서 각 부분의 역할과 기능을 자세히 설명하겠습니다.CategoryBookListScreen는 Firestore에 저장된 진중문고 도서 리스트를
이번 글에서는 진중문고 분야별 책 목록 화면을 구현한 방법에 대해 알아보겠습니다. 코드를 하나씩 살펴보면서 각 부분의 역할과 기능을 자세히 설명하겠습니다.QuarterlyBookListScreen는 Firestore에 분기별로 저장된 진중문고 도서 리스트를 드롭다운
Flutter에서 UI를 구축할 때 사용되는 lstItem 위젯은 리스트 아이템을 표시하는데 사용됩니다. 이 위젯은 MainScreen 클래스부터 QuarterlyBookListScreen 클래스, CategoryBookListScreen 등 거의 모든 클래스에서 활용
이번에는 Flutter를 사용하여 책 상세 정보 화면을 만드는 코드를 자세하게 분석해보겠습니다.BookDetailScreen 클래스는 여러 화면에서 listItem container를 클릭했을 때 전환되는 책 상세정보 화면입니다. 해당 화면에서는 책 표지를 비롯하여,
WriteReviewWrapper 클래스는 Firebase 인증을 사용하여 사용자의 로그인 상태를 확인하고, 로그인되어 있는 경우 WriteReviewScreen을 표시하고, 로그인되어 있지 않은 경우 로그인 화면으로 사용자를 리디렉션하는 래퍼(wrapper) 클래스입
WriteReviewWrapper 클래스 소개 ✨ WriteReviewScreen 클래스는 사용자가 도서에 대한 감상평을 작성하고 저장할 수 있는 화면을 구현한 StatefulWidget입니다. 이 화면은 Firebase와 Cloud Firestore를 사용하여 사용
FinishedBookListScreenFlutter에서는 사용자가 완독한 책 목록을 확인하고 감상평을 작성할 수 있는 화면을 제공할 수 있습니다. 이를 위해 Firebase와 Cloud Firestore를 사용하여 데이터를 관리합니다.먼저, 앱 개발에 필요한 라이브러
이번에는 Aladin API를 활용하여 도서 정보를 가져와 Firestore에 저장하는 방법에 대해 알아보겠습니다. 이를 통해 Flutter 애플리케이션에서 다양한 도서 정보를 쉽게 활용할 수 있습니다.우선 Aladin API를 사용하기 위해서는 API 키가 필요합니다
kakao API 소개 ✨ 주요 기능과 코드 분석 🎭 1. kakao API 키 발급 우선 Kakao API를 사용하기 위해서는 API 키가 필요합니다. Kakao 개발자 센터에서 API 키를 발급받아야 합니다. 발급받은 API 키를 사용하여 API에 접근할 수 있
이번에는 관리자 화면의 코드를 자세히 살펴보겠습니다. 이 코드는 Flutter로 작성되었으며, 관리자가 애플리케이션의 도서 정보를 업데이트하고 카테고리를 관리하는 화면을 구성합니다.이 화면은 애플리케이션의 관리자 기능을 제공합니다. 여기에서는 Kakao API와 Ala
이번에는 Flutter를 사용하여 책벌레 랭킹 화면을 구현하는 방법에 대해 알아보겠습니다. BookwormScreen 클래스 사용자들 중에서 가장 많은 도서를 완독한 사용자들을 보여주는 화면입니다. 이를 통해 독서 열정이 높은 사용자들을 시각적으로 확인할 수 있습니다.
이번에는 Flutter를 사용하여 다음 분기에 읽을 책을 투표하는 화면에 대해 설명드리겠습니다. 사전에 Firestore의 votingBooks collection에 다음 분기 책 후보 목록을 저장하고, 앱 사용자들로 하여금 마음에 드는 책 컨테이너를 클릭하여 각 도서
이번에는 Flutter를 사용하여 작성한 개인 페이지 화면을 소개하겠습니다.MyPageScreen 클래스는 사용자의 계정 정보, 티어, 그리고 다양한 기능을 제공합니다. 코드를 살펴보면서 각 부분에 대해 자세히 알아보겠습니다.아래 코드는 Flutter를 사용하여 개인
진중문고 어플을 만들게 된 동기는 군 장병들이 매 분기마다 보급받는 책들의 목록을 확인하는 것이 어려웠기 때문입니다. 현재의 상황에서는 직접 책을 펴서 내가 원하는 분야의 내용인지를 확인해야 하는 번거로움이 있었고, 인터넷 그 어디에서도 진중문고의 책 목록을 찾을 수