본문 바로가기

추천 검색어

실시간 인기 검색어

모두가 할 수 있는 플러터 UI 실전

플러터 2 반영 | 클론 코딩으로 최신 트랜디한 3가지 앱 UI 만들기
김근호 , 최주호 , 황승준 저자(글)
앤써북 · 2021년 08월 20일
9.5
10점 중 9.5점
(12개의 리뷰)
집중돼요 (67%의 구매자)
  • 플러터 UI 실전 대표 이미지
    플러터 UI 실전 대표 이미지
  • A4
    사이즈 비교
    210x297
    플러터 UI 실전 사이즈 비교 191x258
    단위 : mm
01 / 02
MD의 선택 무료배송 이벤트 소득공제
10% 15,930 17,700
적립/혜택
880P

기본적립

5% 적립 880P

추가적립

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 880P
  • 리뷰 작성 시, e교환권 추가 최대 300원
배송안내
무료배송
배송비 안내
국내도서/외국도서
도서 포함 15,000원 이상 구매 시 무료배송
도서+사은품 또는 도서+사은품+교보Only(교보굿즈)

15,000원 미만 시 2,500원 배송비 부과

교보Only(교보배송)
각각 구매하거나 함께 20,000원 이상 구매 시 무료배송

20,000원 미만 시 2,500원 배송비 부과

해외주문 서양도서/해외주문 일본도서(교보배송)
각각 구매하거나 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

업체배송 상품(전집, GIFT, 음반/DVD 등)
해당 상품 상세페이지 "배송비" 참고 (업체 별/판매자 별 무료배송 기준 다름)
바로드림 오늘배송
업체에서 별도 배송하여 1Box당 배송비 2,500원 부과

1Box 기준 : 도서 10권

그 외 무료배송 기준
바로드림, eBook 상품을 주문한 경우, 플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우, 무료배송 등록 상품을 주문한 경우
새벽배송 내일(1/15,수 오전 7시 전) 도착
기본배송지 기준
배송일자 기준 안내
로그인 : 회원정보에 등록된 기본배송지
로그아웃 : '서울시 종로구 종로1' 주소 기준
로그인정확한 배송 안내를 받아보세요!

이달의 꽃과 함께 책을 받아보세요!

1권 구매 시 결제 단계에서 적용 가능합니다.

알림 신청하시면 원하시는 정보를
받아 보실 수 있습니다.

이 책의 이벤트

해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

키워드 Pick

키워드 Pick 안내

관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

플러터 UI 실전 상세 이미지

책 소개

이 책이 속한 분야

이 책은 플러터 2.x 최신 버전을 사용했으며 클론 코딩으로 모두의마켓, 모두의컬리, 모두의플레이 3가지 앱을 구성하는 다양한 화면을 직접 만들어본다!
플러터(Flutter)와 Dart 다트 언어의 문법을 잘 익히는 것도 중요하다. 하지만 문법을 이해했다고 실무 개발을 잘하는 것은 아니다. 반면 실제 프로젝트를 직접 코딩하며 만들어보면 플러터 이해하기가 더 쉽고 실무 개발을 이해하는데도 더 도움이 된다.

이 책은 실제로 서비스되고 있는 3가지 앱의 화면을 직접 만들어 보면서 실무에서 바로 적용할 수 있는 개념과 기법을 배울 수 있도록 구성되었다. 이 책에서는 다음과 같이 비교적 쉽게 접근할 수 있는 난이도의 모두의마켓 앱, 모두의컬리 앱 화면부터 상당히 수준 높은 모두의플레이 앱 화면까지 3가지 유형의 앱 UI 프로젝트 만든다. 3가지 유형의 앱 화면 만들기 프로젝트를 차근차근 수행하다보면 어느새 플러터 앱 개발할 할 수 있다는 자신감이 얻을 수 있을 것이다.

작가정보

저자(글) 김근호

김근호

현대 금형관리 프로그램 개발
부동산 웹, 앱 프로그램 개발
캠핑장 예약 관리 시스템 개발
산업인력 공단 HRD 프로그램 개발
실시간 개인방송 플랫폼 앱 개발

[저서]
모두가 할 수 있는 플러터 UI 실전 (앤써북)

저자(글) 최주호

최주호

현) blog.naver.com/getinthere 운영
현) jspstudy.co.kr 운영
현) 유튜브 데어프로그래밍 채널 운영
현) 프리랜서 강사
현) 온라인 컨텐츠 제작(이지업, 구름에듀, 한국공개SW협회, 한국융합인재교육협회)
현) 노마드랩 개발 팀장

[저서]
모두가 할 수 있는 플러터 UI 실전 (앤써북)
모두가 할 수 있는 플러터 UI 입문 (앤써북)
IoT 사물인터넷을 위한 라즈베리파이 4 정석 (앤써북)
JSPStudy의 JSP & Servlet 웹 프로그래밍 입문 + 활용 (앤써북)
그누위즈의 PHP & MySQL 웹 프로그래밍 입문 + 활용 (PHP 8 기반) (앤써북)

저자(글) 황승준

황승준

게임 서버 개발 및 운영과 가상 시뮬레이션 GPU 클러스터 구축을 해왔으며 제조업과 스타트업 대상으로 클라우드 아키텍쳐 및 스마트팩토리 구축을 지원하고 대학생들에게 실무 개발을 가르치고 있다.

현) 노마드랩 CEO 겸 인공지능 컴퓨팅학과 교수
현) (사)한국융합인재교육협회 이사장 역임

[저서]
모두가 할 수 있는 플러터 UI 실전 (앤써북)

목차

  • Chapter 01 모두의마켓 UI 만들어보기
    01 _ 1 앱 뼈대 만들기
    폴더 및 파일 만들기
    pubspec.yaml 파일 설정하기
    main_screens.dart 기본 코드 작성
    앱 테마 설정하기
    main.dart 파일 완성하기

    01 _ 2 메인화면 만들기
    MainScreens 위젯 기본 코드 작성하기
    primaryColor 설정하기
    IndexedStack의 하위 위젯 만들기
    MainScreens 위젯 완성하기

    01 _ 3 홈 화면 만들기
    AppBar 만들기
    화면에 사용할 샘플 데이터 만들기
    독립된 파일로 위젯 만들기
    HomeScreen 위젯 완성하기

    01 _ 4 나의 당근 화면 만들기
    나의 당근 화면 기본 코드 입력하기
    나의 당근 화면 Header 위젯 만들기
    모델 클래스 만들기
    하단 Card 메뉴 위젯 만들기
    MyCarrotScreen 위젯 완성하기

    01 _ 5 채팅화면 만들기
    모델 클래스 및 샘플 데이터 만들기
    재사용 위젯 만들기
    ChattingScreen 위젯 기본 코드 입력하기
    ChatContainer 위젯 만들기
    ChattingScreen 위젯 완성하기

    01 _ 6 동네생활 화면 만들기
    모델 클래스 및 샘플 데이터 만들기
    NeighborhoodLifeScreen 위젯 기본 코드 입력하기
    LifeHeader 위젯 만들기
    LifeBody 위젯 만들기
    NeighborhoodLifeScreen 위젯 완성하기

    01 _ 7 내 근처 화면 만들기
    모델 클래스 및 샘플 데이터 만들기
    NearMeScreen위젯 기본 코드 입력하기
    TextField 위젯 만들기
    수평 방향으로 스크롤 되는 위젯 만들기
    Wrap 위젯 사용해 보기
    Storeltem 위젯 만들기
    NearMeScreen 위젯 완성하기


    Chapter 02 모두의컬리 UI 만들어보기
    02 _ 1 앱 뼈대 만들기
    폴더 만들기
    프로젝트 전체에서 사용할 기본 파일 만들기
    pubspec.yaml 파일 설정하기
    프로젝트에 사용할 아이콘 및 이미지 추가하기

    02 _ 2 Splash 화면 만들기
    splash_screen.dart 파일 기본 코드 작성
    main_screens.dart 기본 코드 작성
    routes.dart 파일 코드 작성
    constants.dart 파일 코드 작성
    theme.dart 파일 코드 작성
    main.dart 파일 코드 작성
    splash_screen.dart 파일 코드 작성

    02 _ 3 mainScreens 위젯 만들기
    StatefulWidget 위젯으로 변경하기
    IndexedStack 위젯에 들어갈 자식 위젯 만들기
    Indexed 위젯 추가하기
    bottomNavigationBar 데이터 모델 클래스 만들기
    MainScreens 위젯 완성하기

    02 _ 4 마이컬리 화면 만들기
    공통 위젯 만들기
    AppBar 만들기
    MyKurlyHeader 위젯 만들기
    데이터 모델 클래스 만들기
    MyKurlyBody 위젯 만들기
    MyKurlyScreen 위젯 완성하기

    02 _ 5 로그인 화면 만들기
    SignInScreen 기본 위젯 만들기
    SignInScreen Appbar 만들기
    KurlySignForm 위젯 만들기

    02 _ 6 홈 화면 만들기
    홈 화면 TabBar 만들기
    데이터 모델 클래스 만들기
    TabBarView 컬리추천 화면 만들기
    TabBarView 신상품 화면 만들기
    TabBarView 금주 혜택 화면 만들기
    TabBarView 알뜰쇼핑 화면 만들기

    02 _ 7 상세보기 화면 만들기
    상세보기 화면 기본 코드 작성하기
    arguments 객체 설정하기
    Body 위젯 완성하기

    02 _ 8 카테고리 화면 만들기
    카테고리 화면 기본 코드 입력하기
    모델 클래스 및 샘플 데이터 만들기
    SliverList 안에 들어갈 ExtendslconTextCard 위젯 만들기
    SliverGrid 안에 들어갈 ImageTextCard 위젯 만들기
    카테고리 화면 완성하기

    02 _ 9 검색화면 만들기
    검색화면 기본 코드 입력하기
    DefaultSearchField 위젯 만들기
    SearchScreen 위젯 완성하기

    02 _ 10 추천 화면 만들기
    추천 화면 기본 코드 입력하기
    SatckProductltem 위젯 만들기
    CardProductltem 위젯 만들기
    추천 화면 완성하기


    Chapter 03 모두의플레이 UI 만들어보기
    03 _ 1 앱 뼈대 만들기
    폴더 만들기
    프로젝트 전체에서 사용할 기본 파일 만들기
    pubspec.yaml 파일 설정하기
    프로젝트에 사용할 아이콘 및 이미지 추가하기

    03 _ 2 스플래시 화면 만들기
    splash_screen.dart 파일 기본 코드 작성
    profile_screens.dart 기본 코드 작성
    routes.dart 파일 코드 작성
    constants.dart파일 코드 작성
    theme.dart 파일 코드 작성
    main.dart 파일 코드 작성
    splash_screen.dart 파일 작성

    03 _ 3 프로필 화면 만들기
    프로필 화면 기본코드 작성하기
    ProfileCard와 AddCard 위젯 작성하기
    프로필 화면 완성하기
    MainScreens 위젯으로 이동하기

    03 _ 4 메인 화면 만들기
    MainScreens 위젯의 자식 위젯 만들기
    bottomNavigationBar 데이터 모델 클래스 만들기
    MainScreens 위젯 완성하기

    03 _ 5 홈 화면 만들기
    Sliver를 이용하여 고정된 앱바를 포함한 위젯 만들기
    순위를 보여주는 RankPoster 위젯 만들기
    반복되는 Poster 위젯 만들기
    동시에 움직이는 두 개의 스크롤 뷰 만들기
    BottomSheet 위젯으로 영상 정보 위젯 만들기

    03 _ 6 상세정보 화면 만들기
    상세정보 화면으로 이동하기
    동영상 플레이어 위젯 추가하기
    episode 데이터 모델 클래스 만들기
    NestedScrollView로 TapBar를 화면 중간에 추가하기
    TabBar의 첫 번째 View 작성하기
    TabBar의 두 번째 View 작성하기

    03 _ 7 공개 예정 화면 만들기
    공개 예정 화면 기본코드 작성하기
    동영상 플레이어 위젯 추가하기
    공개 예정 화면 완성하기

    03 _ 8 지정된 콘텐츠 목록 화면 만들기
    이미지를 회전시켜주는 RotateImage 위젯 만들기
    ContentsListScreen 완성하기

출판사 서평

이 책의 프로젝트에서 만드는 앱 화면들이다.

▶ 프로젝트 01 : 모두의마켓 앱 화면 만들기
앱 뼈대 만들기 / 메인화면 만들기 / 홈 화면 만들기 / 나의 당근 화면 만들기 / 채팅화면 만들기 / 동네생활 화면 만들기 / 내 근처 화면 만들기

▶ 프로젝트 02 : 모두의컬리 앱 화면 만들기
앱 뼈대 만들기 / 스플래시 화면 만들기 / mainScreens 위젯 만들기 / 마이컬리 화면 만들기 / 로그인 화면 만들기 / 홈 화면 만들기 / 상세보기 화면 만들기 / 카테고리 화면 만들기 / 검색화면 만들기 / 추천 화면 만들기

▶ 프로젝트 03 : 모두의플레이 앱 화면 만들기
앱 뼈대 만들기 / 스플래시 화면 만들기 / 프로필 화면 만들기 / 메인화면 만들기 / 홈 화면 만들기 / 상세정보 화면 만들기 / 공개 예정 화면 만들기 / 지정된 콘텐츠 목록 화면 만들기

이 책의 예제 소스 코드, 저자에게 질문하는 방법은 “4~5쪽”을 참고합니다.

기본정보

상품정보 테이블로 ISBN, 발행(출시)일자 , 쪽수, 크기, 총권수을(를) 나타낸 표입니다.
ISBN 9791185553825
발행(출시)일자 2021년 08월 20일
쪽수 268쪽
크기
191 * 258 * 17 mm / 711 g
총권수 1권

Klover 리뷰 (12)

구매 후 리뷰 작성 시, e교환권 200원 적립

10점 중 10점
/도움돼요
고마워요. 도움 됐어요,
10점 중 10점
/집중돼요
입문편에 이어서 잘 보았습니다.
10점 중 10점
/집중돼요
차분히 따라하면 좋을거 같아요.

문장수집 (0)

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요“ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.
리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
판매가 5,000원 미만 상품의 경우 리워드 지급 대상에서 제외됩니다. (2024년 9월 30일부터 적용)

구매 후 리뷰 작성 시, e교환권 100원 적립

이 책의 첫 기록을 남겨주세요.

교환/반품/품절 안내

  • 반품/교환방법

    마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환 신청, [1:1 상담 > 반품/교환/환불] 또는 고객센터 (1544-1900)
    * 오픈마켓, 해외배송 주문, 기프트 주문시 [1:1 상담>반품/교환/환불] 또는 고객센터 (1544-1900)
  • 반품/교환가능 기간

    변심반품의 경우 수령 후 7일 이내,
    상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
  • 반품/교환비용

    변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
  • 반품/교환 불가 사유

    1) 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
    2) 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
    3) 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
    4) 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
    5) 디지털 컨텐츠인 ebook, 오디오북 등을 1회이상 ‘다운로드’를 받았거나 '바로보기'로 열람한 경우
    6) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    7) 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    8) 세트상품 일부만 반품 불가 (필요시 세트상품 반품 후 낱권 재구매)
    9) 기타 반품 불가 품목 - 잡지, 테이프, 대학입시자료, 사진집, 방통대 교재, 교과서, 만화, 미디어전품목, 악보집, 정부간행물, 지도, 각종 수험서, 적성검사자료, 성경, 사전, 법령집, 지류, 필기구류, 시즌상품, 개봉한 상품 등
  • 상품 품절

    공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.
  • 소비자 피해보상 환불 지연에 따른 배상

    1) 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁 해결 기준 (공정거래위원회 고시)에 준하여 처리됨
    2) 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

기분 좋은 발견

이 분야의 베스트

용선생 추론독해 이벤트
이벤트
  • 사카모토 데이즈 애니화 기념
  • [sam] Read&Lead 2025 북모닝 프로모션
01 / 02
TOP