Git Product home page Git Product logo

practice-build-a-grid's Introduction

Practice-Build-a-grid

https://developer.android.com/codelabs/basic-android-kotlin-compose-practice-grid#0

Practice makes a master.
This main branch is the main directory.

there are 2 additional branchs for 1 practice, Compose and SwiftUI.

Compose branch
SwiftUI branch


연습이 장인을 만든다.
이 메인 브랜치는 메인 폴더입니다.

1개의 연습에 해당하는 추가적인 Compose와 SwiftUI에 해당하는 2개의 브랜치가 있습니다.

컴포우즈 브랜치
스위프트유아이 브랜치

Resources (재료)

You will need the following resources to compolete the code for these practice problems (연습 문제를 풀기 위해서는 아래의 재료들이 필요합니다.)

Topic images. These images represent each topic in the list.(주제 이미지. 이 이미지들은 리스트의 각 주제를 나타내는 데 사용됩니다.)
ic_grain.xml. This is the decorative icon that appears next to the number of courses in the topic (ic_grain.xml. 주제 안의 과목 개수를 나타내는 데 사용되는 장식 아이콘입니다.)

All photos by Romain Guy. All photos are licensed under CC0 1.0 Universal: https://creativecommons.org/publicdomain/zero/1.0/
모든 사진은 Romain Guy 소유입니다. 모든 사진에는 CC0 1.0 Universal 라이선스가 적용되어 있습니다.(https://creativecommons.org/publicdomain/zero/1.0/)

UI specifications (UI 명세서)

Topic grid item (주제 격자 내용)



Final screen (최종 화면)

Courses grid (과목 격자)

Full screen (전체 화면)

Anything thinks (생각할 거리)

lists and grids
• Compose has two composables to show the grid. one is Lazy lists, another is lazy grids. Let's thinking of Which one is appropriated to make this practice app? lazy column is for large of column with performance issue, and lazy grids is for displaying items in a grid. so I pick the lazy grids. (컴포우즈에는 격자를 구현할 수 있는 두 개의 컴포우저블이 있습니다. 하나는 lazy lists이고, 하나는 lazy grids입니다. 어떤걸 선택해야하는지 생각해봅시다. lazy column은 많은 데이터를 보여주는 상황에서 성능 문제가 발생할 때 사용합니다. lazy grids는 내용들을 격자 모양으로 보여줄 때 사용합니다. 그래서 lazy grids를 사용하기로 했습니다.)

My Result (내 결과물)

Apps on device (프로젝트 실행 이미지)

Compose SwiftUI

practice-build-a-grid's People

Contributors

jaehwa-noh avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.