# Material Design

18개의 포스트

Compose FloatingActionButton 알아보기

Jetpack Compose본 게시글은 Material3를 기준으로 작성되었습니다.오늘은 다양하게 사용되는 FAB에 대해서 알아보겠습니다.

2023년 1월 10일
·
0개의 댓글
·

Compose Scaffold 알아보기

Jetpack Compose본 게시글은 Material3를 기준으로 작성되었습니다.Material Design에서 사용되는 Composable function으로 다양한 구성요소와 기타 화면 요소를 제공합니다.

2023년 1월 9일
·
0개의 댓글
·

Compose Custom Font 설정하기

Jetpack Compose디자이너와 작업하다보면 색상, 폰트, 기본 컴포넌트들을 모아놓고 사용해야하는 경우가 있습니다.그 중 오늘은 커스텀 폰트를 정의하여 편하게 사용하는 방법을 소개하고자 합니다.

2023년 1월 6일
·
0개의 댓글
·

Compose Custom Color 설정하기

Jetpack Compose 디자이너와 작업하다보면 색상, 폰트, 기본 컴포넌트들을 모아놓고 사용해야하는 경우가 있습니다. 그 중 오늘은 색상을 모아놓고 사용하는 방법을 소개하고자 합니다.

2023년 1월 5일
·
0개의 댓글
·
post-thumbnail

flutter_note003 플러터 기본 코드 이해하기 1.

플러터 기본 코드 이해하기 1. import 'package:flutter/material.dart'; 위의 코드는 플러터를 사용하여 앱을 만들 때 제일 먼저 작성하게 되는 코드이다. 제일 처음 플러터 머티리얼 라이브러리를 import 하는 것. import 'pa

2022년 12월 23일
·
0개의 댓글
·
post-thumbnail

Android 그림자 살펴보기

https://m1nzi.tistory.com/3 tistory로 이전했습니다

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

TIL) 0901

값을 전달 받을 곳에 %s.tools 속성으로 텍스트를 세팅하는 것이 포인트다.아래 코드에서 위 오류가 나는 부분은 어디일까?바로 cost 값을 받는 부분이다. 문자열을 입력 받는데 값이 비어있거나, 유효하지 않은 자료형일 경우 제목과 같은 오류가 난다. 그렇다면 해결

2022년 9월 1일
·
0개의 댓글
·

[CSS] Material Design

공식 홈페이지 : https://material.io/design구글이 2014년에 도입하였다. 플랫 디자인에 그림자로 깊이감 추가 (요소별 높낮이 표현)역동적인 애니메이션 활용일관성 있는 UX \- 어떤 기기나 앱을 사용하든 익숙한 사용자 경험어떤 컨텐츠든

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

Material Design

플러터 Material Design

2022년 8월 11일
·
0개의 댓글
·

Jetpack Compose material3 커스텀 테마 설정하기

안드로이드 작업을 하다보면, 항상 다크모드와 라이트 모드를 모두 지원하기는 여간 귀찮은 일이 아니다. 이 떄 머티리얼을 사용하여 컬러를 적용하면, 보다 쉽게 다크모드를 지원하는 앱을 만들 수 있다고 한다.하지만 현실세계의 개발은 그리 녹록지 않다. 머티리얼에서 제공하는

2022년 3월 10일
·
0개의 댓글
·
post-thumbnail

Android MDC 104 : Advanced Components

MDC 104에서는 Back Drop Menu를 만들고 애니메이션을 넣는 방법에 대해 주로 다룬다. BackDrop Menu XML파일을 살펴보자BackDrop Menu는 첫번째 LinearLayout부분이다. BackDrop Menu에서 주의 깊게 살펴볼 부분은 위

2021년 12월 4일
·
0개의 댓글
·
post-thumbnail

Android MDC 103 : Theming

Theme이란 앱에서 사용할 색, 글꼴 등을 모아둔 것이다. 1. Color 안드로이드 앱에서 사용하는 Color에는 아래와 같은 여러 종류가 있다. color Primary : 앱의 메인 색으로 대부분의 컴포넌트에 적용된다 Secondary : 앱의 두 번째

2021년 11월 29일
·
0개의 댓글
·
post-thumbnail

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

2021년 11월 27일
·
0개의 댓글
·
post-thumbnail

Android MDC 101 : 기본 컴포넌트 익히기

MDC는 Material Design Component의 약자로 구글 개발자와 디자이너들이 Material Design을 반영하여 만든 컴포넌트이다. MDC에 대해 알고는 있었지만 현재 하는 일이 UI를 거의 다루지 않으며 라이브러리를 쓸 수 없어 사용할 일이 없었다.

2021년 10월 16일
·
0개의 댓글
·
post-thumbnail

[Android/Kotlin] Material Design EditText 만들기

💌 [안드로이드/코틀린] Material Design EditText 만들기

2021년 9월 6일
·
0개의 댓글
·
post-thumbnail

Nuxt/Vue.js에서 Vuetify(머티리얼 디자인) 버튼 마스터 하기 : 아이콘, 컬러, 그림자, 스피너

이번 포스팅에서는 초보자 기준으로 뷰티파이 사용법에 대해서 알아본다.Vuetify(뷰티파이)의 UI컴포넌트중 <v-btn> 하나만 잘써도 UI를 이쁘게 꾸밀 수 있다.

2021년 8월 28일
·
0개의 댓글
·

SnackBar

SnackBar 기본 사용법 [1] Show [2] Action [3] Callback [4] CoordinatorLayout 사용

2021년 4월 13일
·
0개의 댓글
·

머티리얼 디자인

https://material.io/https://material.io/design/introduction\* https://materializecss.com/showcase.htmlhttps://namu.wiki/w/%EB%A8%B

2020년 6월 24일
·
0개의 댓글
·