본문 바로가기

전체 글

27. Woof App : Material Design Woof App : Material Design으로 꾸미기 Jetpack Compose를 사용한 Material Theming Jetpack Compose를 사용한 Material Theming | Android Developers 색상, 도형, 서체에 Material 테마 설정을 추가하는 방법을 알아봅니다. developer.android.com 위 페이지를 참고하여 Woof라는 이름의 어플을 이쁘게 꾸며보자 개요 Material Design은 google에서 만든 디자인 시스템이다 이를 이용해서 이미 기능적으로 완성된 Woof라는 어플을 꾸며보자 우선 다음과 같은 url을 이용해서 시작코드를 가져와보자 https://github.com/google-developer-training/basic-andr.. 더보기
26. Course App : Grid 구성 Grid 화면의 Course 어플 만들어보기 연습: 그리드 빌드 연습: 그리드 빌드 | Android Developers 복잡한 레이아웃으로 그리드를 빌드하는 방법을 알아보세요. developer.android.com 위의 페이지를 참고하여 화면이 바둑판 같이 생긴 Course 어플을 만들어보자 개요 최종 앱 화면이 다음과 같은 앱을 만드는 연습을 해보자 주어지는 데이터는 다음과 같다 string.xml Architecture Crafts Business Culinary Design Fashion Film Gaming Drawing Lifestyle Music Painting Photography Tech DataSource.kt object DataSource { val topics = listOf( .. 더보기
티스토리 블로그 꾸미기 : 아이콘, 파비콘 설정 및 프로필 사진 설정하는 법 티스토리 블로그 아이콘, 파비콘 및 프로필 사진 설정하는 법 티스토리 블로그의 아이콘과 파비콘 및 프로필 사진을 설정하는 법을 알아보겠다 개요 아이콘과 파비콘 일단 아이콘과 파비콘이 뭐냐 하면.. 구글 크롬의 위 탭을 봤을 때 이렇게 YouTube라는 글씨 앞에 있는 그림을 말한다 티스토리 블로그는 기본적으로 T 모양이 뜨게 되는데 이걸 변경해서 개성을 보여줄 수 있다 프로필 사진 프로필 사진이 뭐냐면 티스토리에서 댓글을 달 때 보이는 사진이라고 생각하면 편하다 마찬가지로 설정하지 않으면 기본적으로 T 모양이 뜬다 방법 티스토리의 블로그 관리에 들어간다 그리고 왼쪽 탭의 맨 아래에 있는 '관리'에서 '블로그'를 클릭한다 위에 1번에서는 프로필 사진 아래 2번에서는 아이콘/파비콘이 설정이 가능하다 적당한 .. 더보기
티스토리 블로그 소스코드 예쁘게 넣는 법 블로그 소스코드 예쁘게 넣는 법 개요 한글과 같은 문서작업을 할 때 프로젝트 발표한다고 ppt에 코드 복사할 때 누구나 이용해본다는 codescripter... https://colorscripter.com/ Color Scripter Simple & Flexible Syntax HighLighter colorscripter.com 그러나 이번에 블로그 포스팅을 하는데 codescripter에는 kotlin 언어가 없어서 어떻게 이쁘게 넣나 고민하던 중.. 티스토리 플러그인에 syntax highlighting 기능이 있다는 것을 알게 되어서 적용해보았다. 방법 우선 적용화면이다 오 이쁘다... 이걸 어떻게 적용하느냐 하면 우선 블로그 관리에 들어간다 그리고 메뉴바에서 플러그인을 선택해 들어간 후 syn.. 더보기
Android Studio에서 emulator 녹화하는 방법 AndroidStudio에서 emulator 녹화하기 emulator를 녹화해보자 개요 Android Studio를 사용하다보면 emulator의 스크린샷 기능은 쉽게 찾아서 이용할 수 있는데 녹화 기능은 찾기 힘든 곳에 숨겨져 있다 그 기능이 어디 숨어있는지 찾아보자 방법 우선 emulator를 이용해 앱을 실행한다 그리고 상단 메뉴바에서 View -> Tool Windows -> LogCat를 선택한다 뜬 창에서 좌측하단 카메라 밑에 마우스를 올려보면 녹화버튼이 있다 그럼 이제 대충 녹화설정을 한 뒤 녹화할 수 있다 녹화 결과물(블로그에 올리느라 부득이하게 gif로 수정한 결과) + 블로그를 할 때 추가적으로 블로그에 올릴 땐 gif 변환과 용량압축을 필수적으로 하게 될텐데 그때 유용한 서비스들을 소.. 더보기
25. 앱 아이콘 바꾸기 앱 아이콘 바꾸기 앱 아이콘 변경 앱 아이콘 변경 | Android Developers Affirmations 앱의 앱 아이콘을 변경합니다. developer.android.com 위의 페이지를 참고하여 앱의 아이콘을 변경해보자 개요 앱의 아이콘이 계속 초록색 안드로이드 모양이니까 멋이 없다 그러니까 아이콘을 바꿔보자 앱의 아이콘은 Android 8.0 (API 26) 이상일 땐 반응형 아이콘(adaptive icon)을 쓸 수 있고 미만일 땐 Legacy Icon을 쓴다 여기서 반응형 아이콘이란, 레이어가 2개로 나누어져 있고 기기에 따라 획일화된 마스킹이 적용되어 깔끔한 느낌을 주고 사용자의 터치에 따라 애니메이션이 적용되기도 하는 친구를 말한다 또한 어느 해상도에서나 하나의 파일로 표현이 가능하다 .. 더보기
24. Affirmation App : Scroll 기능 Affirmation App : Scroll 기능 스크롤 가능한 목록 추가 스크롤 가능한 목록 추가 | Android Developers 텍스트와 이미지로 이루어진 스크롤 가능한 격언 목록을 표시하는 앱을 빌드합니다. developer.android.com 위의 페이지를 참고하여 카드를 스크롤하는 어플을 만들어보자 개요 오늘은 그동안 추가로 배운 kotlin의 list 문법을 이용해 데이터를 이쁘게 표현하는 어플을 만들어보자 코드작성 총 3가지 kt파일로 이루어지는데 MainActivity.kt Affirmation.kt Datasource.kt 이다 여기서 Affirmation은 동기부여라는 뜻이다 Datasource.kt package com.example.affirmations.data import.. 더보기
23. Kotlin의 컬렉션에서 쓰는 고차함수 Kotlin의 컬렉션에서 쓰는 고차함수 컬렉션을 사용한 고차 함수 컬렉션을 사용한 고차 함수 | Android Developers Kotlin에서 컬렉션과 함께 일반적인 고차 함수를 사용하는 방법을 알아보세요. developer.android.com 위의 페이지를 참고하여 컬렉션에서 사용할 수 있는 유용한 고차함수들을 정리해보자 개요 고차함수는 함수를 인자를 받는 친구라는 것은 이미 알고 있다 그런데 그 중에서도 컬렉션에 유용한 고차함수들이 있는데 내용을 간단하게 살펴보자 1. forEach() 이름만 봐도 뭐하는 애인 지 알 거 같은 친구다 데이터 구조의 각 항목에 대해 인수로 전달된 함수를 적용한다 fun main() { val li = listOf("Kim", "Lee", "Park") li.for.. 더보기

티스토리툴바