# Material Design
Compose FloatingActionButton 알아보기
Jetpack Compose본 게시글은 Material3를 기준으로 작성되었습니다.오늘은 다양하게 사용되는 FAB에 대해서 알아보겠습니다.
Compose Scaffold 알아보기
Jetpack Compose본 게시글은 Material3를 기준으로 작성되었습니다.Material Design에서 사용되는 Composable function으로 다양한 구성요소와 기타 화면 요소를 제공합니다.
Compose Custom Font 설정하기
Jetpack Compose디자이너와 작업하다보면 색상, 폰트, 기본 컴포넌트들을 모아놓고 사용해야하는 경우가 있습니다.그 중 오늘은 커스텀 폰트를 정의하여 편하게 사용하는 방법을 소개하고자 합니다.
Compose Custom Color 설정하기
Jetpack Compose 디자이너와 작업하다보면 색상, 폰트, 기본 컴포넌트들을 모아놓고 사용해야하는 경우가 있습니다. 그 중 오늘은 색상을 모아놓고 사용하는 방법을 소개하고자 합니다.
flutter_note003 플러터 기본 코드 이해하기 1.
플러터 기본 코드 이해하기 1. import 'package:flutter/material.dart'; 위의 코드는 플러터를 사용하여 앱을 만들 때 제일 먼저 작성하게 되는 코드이다. 제일 처음 플러터 머티리얼 라이브러리를 import 하는 것. import 'pa
TIL) 0901
값을 전달 받을 곳에 %s.tools 속성으로 텍스트를 세팅하는 것이 포인트다.아래 코드에서 위 오류가 나는 부분은 어디일까?바로 cost 값을 받는 부분이다. 문자열을 입력 받는데 값이 비어있거나, 유효하지 않은 자료형일 경우 제목과 같은 오류가 난다. 그렇다면 해결
[CSS] Material Design
공식 홈페이지 : https://material.io/design구글이 2014년에 도입하였다. 플랫 디자인에 그림자로 깊이감 추가 (요소별 높낮이 표현)역동적인 애니메이션 활용일관성 있는 UX \- 어떤 기기나 앱을 사용하든 익숙한 사용자 경험어떤 컨텐츠든
Jetpack Compose material3 커스텀 테마 설정하기
안드로이드 작업을 하다보면, 항상 다크모드와 라이트 모드를 모두 지원하기는 여간 귀찮은 일이 아니다. 이 떄 머티리얼을 사용하여 컬러를 적용하면, 보다 쉽게 다크모드를 지원하는 앱을 만들 수 있다고 한다.하지만 현실세계의 개발은 그리 녹록지 않다. 머티리얼에서 제공하는
Android MDC 104 : Advanced Components
MDC 104에서는 Back Drop Menu를 만들고 애니메이션을 넣는 방법에 대해 주로 다룬다. BackDrop Menu XML파일을 살펴보자BackDrop Menu는 첫번째 LinearLayout부분이다. BackDrop Menu에서 주의 깊게 살펴볼 부분은 위
Android MDC 103 : Theming
Theme이란 앱에서 사용할 색, 글꼴 등을 모아둔 것이다. 1. Color 안드로이드 앱에서 사용하는 Color에는 아래와 같은 여러 종류가 있다. color Primary : 앱의 메인 색으로 대부분의 컴포넌트에 적용된다 Secondary : 앱의 두 번째
Android MDC 102 : Material Structure 와 Layout
top app bar card view로 이루어진 gridLayout Top App Bar는 app의 상단에 위치하는 bar로 화면의 정보와 작업을 나타낸다. Top App BarMDC Top app bar는 아래의 코드를 xml에 추가하여 사용할 수 있다이후 frag
Android MDC 101 : 기본 컴포넌트 익히기
MDC는 Material Design Component의 약자로 구글 개발자와 디자이너들이 Material Design을 반영하여 만든 컴포넌트이다. MDC에 대해 알고는 있었지만 현재 하는 일이 UI를 거의 다루지 않으며 라이브러리를 쓸 수 없어 사용할 일이 없었다.
[Android/Kotlin] Material Design EditText 만들기
💌 [안드로이드/코틀린] Material Design EditText 만들기
Nuxt/Vue.js에서 Vuetify(머티리얼 디자인) 버튼 마스터 하기 : 아이콘, 컬러, 그림자, 스피너
이번 포스팅에서는 초보자 기준으로 뷰티파이 사용법에 대해서 알아본다.Vuetify(뷰티파이)의 UI컴포넌트중 <v-btn> 하나만 잘써도 UI를 이쁘게 꾸밀 수 있다.
SnackBar
SnackBar 기본 사용법 [1] Show [2] Action [3] Callback [4] CoordinatorLayout 사용
머티리얼 디자인
https://material.io/https://material.io/design/introduction\* https://materializecss.com/showcase.htmlhttps://namu.wiki/w/%EB%A8%B