Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
우리모두 삽질한다
Search
pluulove (노현석)
December 10, 2023
Programming
0
1k
우리모두 삽질한다
"DEVFEST 23 Songdo"에서 발표한 "우리모두 삽질한다" 발표 자료입니다.
pluulove (노현석)
December 10, 2023
Tweet
Share
More Decks by pluulove (노현석)
See All by pluulove (노현석)
Re:Android Studio 설정 살펴보기 및 생산성 올리기
pluu
0
1.3k
What's new in Android development tools
pluu
0
760
What's new in Android development tools
pluu
0
350
개발자 Side Next Step ~ 커뮤니티 x Android
pluu
2
200
Modern Android Developer ~ 안내서
pluu
1
2.6k
I/O Extended 2022 in Android ~ Whats new in Android development tools
pluu
0
2.7k
코드 품질 1% 올리기
pluu
2
3.1k
시작하는 안드로이드 개발자를 위해 ~ THINK
pluu
1
250
나는 어쩌다 안드로이드 개발자가 되기로 했나
pluu
0
500
Other Decks in Programming
See All in Programming
Anthropic Cookbook のおすすめレシピ
schroneko
7
1k
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
840
使ってみよう Azure AI Document Intelligence
kosmosebi
2
320
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
Git Rebase
bkuhlmann
11
1.6k
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
380
Elm Form Validation
bkuhlmann
0
510
Git Lint
bkuhlmann
4
750
Netty Chicago Java User Group 2024-04-17
sullis
0
180
Ruby Pattern Matching
bkuhlmann
0
930
Ruby Function Composition
bkuhlmann
1
330
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Documentation Writing (for coders)
carmenintech
60
3.9k
In The Pink: A Labor of Love
frogandcode
138
21k
A better future with KSS
kneath
231
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Fireside Chat
paigeccino
21
2.6k
What the flash - Photography Introduction
edds
64
11k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
BBQ
matthewcrist
80
8.8k
How GitHub (no longer) Works
holman
304
140k
Designing for Performance
lara
601
67k
Transcript
Incheon/Songdo ܻݽف ೠ Pluu KakaoBank
উ֞ೞࣁਃ!! PLUU KakaoBank Android App Developer GDE for Android
• ড 4֙р ܻ݃ੋ٘. ாझ ҕਬ • ޙઁ ೧Ѿ
߂ ߑೱ ١ э Ҋೡ ష • ҙੋ ࠙ࢳ۽ ইש • ग ೧Ѿ ߑߨ X, ഛೠ ҳഅ ࣗѐ X য়ט ߊח…
Index 1. ۽ ജ গפݫ࣌ 2. ച ೞ അ࢚
3. UI పझ ~ 4. োझ۞ ઁझ 5. ߈ࠂ ੌ ࢤࢿ ۞Ӓੋ ઁ
Incheon/Songdo Case 1. ۽ ജ গפݫ࣌
: https://www.youtube.com/watch?v=fFau-nCmXcs গפݫ࣌ ݽण ଃੑפ.
ࣻ ਃѤ • ৽ଃ ח ೦࢚ ਤী ֢ ࢠ ݽण
Ҋ1. UI ࢸ҅ • ױੌ Viewীࢲ ۪؊݂ • Custom
ViewGroup + ImageView 2ѐ о ೞաੋ ҃о ࣻ • Composeח Modifier#layout, Modifier#offset
Ҋ2. ౠ ܳ ݢ Ӓܻӝ • Draw ҙ۲ ೣࣻীࢲ Ӓܻח
ࣽࢲܳ ઑ • Z୷ ࣻ (z, translationZ) • View#bringToFront() ==> ࢶࣽਤܳ ઑೞח द ਃ
Ҋ3. সؘ / ࠭ ܼ • ؘఠ সؘद • যו
࠭ ӝળਵ۽ ߄ੋ٬ • 1ѐ ↔ 2ѐ ߸҃द ز • ܼद যו ۽ ݫੋੋо? • ࣘࢿী ٮۄ ߸҃ ਃ (: Z୷)
Incheon/Songdo Case 2. ച ೞ അ࢚
QA ઁࠁ ۽ীо ࢎਵ۽ ࢸೞݶ উ٘݅ ۽ ࢎ ٣ѱ ܻѱ
ࠁѢٚৈ ೠߣ ഛੋ ࠗఌ٘۰ৈ QA c______.b____ pluu.pluu żźża ٯ ܲѤ হਸబؘ ೠߣࠅѱਃ ֖ ઁ ইਬ ࢎ Ӓېب 1000x1000 ֈחؘ… QA c______.b____
о ࡸৗणפ?! 7979-01-12345 ੌࠗ ۽ ࢎ ܻѱ աয়ח അ࢚ ߊѼ
1333 x 1333 (1 : 1) 1125 x 2000 (0.5
: 1) 2000 x 1125 (1.7 : 1) : https://m.post.naver.com/my/series/detail.naver? seriesNo=637119&memberNo=51071215&prevVolumeNo=30582870 ܳ ۽٘ೞݶ? View ӝ = 150dp
పझ ٘ Glide.with(this) .load(/** Image */) .circleCrop() .into(/** ImageView */)
<ImageView android:layout_width="150dp" android:layout_height="150dp" /> पઁ ٘৬ 100% زੌೞ ঋणפ.
Ѿҗ View ӝ = 150dp ࢠ • 1333 x
1333 (1 : 1) • 1125 x 2000 (0.5 : 1) • 2000 x 1125 (1.7 : 1)
ѐ߹ ݽण ੌࠗ о ࢶݺೞ ঋ 1333 x 1333
(1 : 1) 1125 x 2000 (0.5 : 1) 2000 x 1125 (1.7 : 1)
circleCrop API Glide
CENTER_INSIDE API Glide
circleCrop API Original Scale Crop Result ӝળ ӝࠁ эѢա
ࢎૉ۽ Scaleܻೠ റ ܻ
Glide crop API • optionalCenterCrop • centerCrop • optionalCircleCrop •
circleCrop
optionalCircleCrop API Glide
CENTER_OUTSIDE API Glide • Upscale ਗ
optionalCircleCrop API Original Scale & Crop Result ӝળ ӝࠁ эѢա
ࢎૉ۽ Scaleܻೠ റ ܻ
circleCrop optionalCircleCrop
circleCrop optionalCircleCrop Downscale݅ оמೞৈ ࣗ࠺غח ܻࣗझܳ ୭ೠ ѱ ࢎਊ Upscaleب
ೲਊೞ۽ ಿਸ ࠁ оמ. ؊ ݆ ݫݽܻܳ ࣗ࠺
ࣻ ࠁҊ pluu.pluu c______.b____ ԝԝೣਵ۽ ࣻೠ ݽण ࣁ۽оӟ-о۽оӟ-ࢎпഋ-ࢎпഋ ই
ਬ ૨ ܖ ૨ QA c______.b____
• ز ࢚ೡ ٺ …. ҕध ޙࢲܳ द •
ࢳب द ಝࠁ • (ଵҊ) Glide۽ ࠛ۞য়ח ઙഫ࠺о ݶ, optionalCircleCrop()о ࣻ • https://pluu.github.io/blog/android/glide/2022/11/20/glide-circlecrop/ TIP. Glide
Incheon/Songdo Case 3. UI పझ ~
పझ ೖۄ٘ : https://developer.android.com/training/testing/fundamentals
Fake ੑ • Mock/Spy • Test Fake ё
• पઁ ٣߄झ Emulator పझ • पઁ زҗ ਬࢎࢿ
֫ • ٣߄झ ࢚కী ೱ ߉ • ֎ਕ, ױ݈ ࠁ ١ • ੌࠗ పझח ࢿदী ࢿҕೡ ࣻ ݅, ৻ࠗ ೱ(ؘఠ ઁ ١)ਵ۽ पಁೡ ഛ ܫ ਫ਼ਵ۽ ઓ UI Testীࢲ Fake ਃࢿ Fake
Storage ֢ ߑध Request Response
ܖܖ ղ ҅ઝ PlaceHolder/Errorо ઓೠݶ ֎ਕ ࢚ടী ҙ۲ হ ೦࢚
যڃ ܳ ֢ оמ ২࣌
• PlaceHolder/Error ாझо হח ҃ • ࠂࣻ
۽٘غয ୭ઙ ചݶ ֢غח ҃ • ࠛ߸ೠ ੋо? • दр դ റীب పझח ࢿҕ೧ঠೣ • ѐߊ ࢲߡীࢲח औѱ ࢎۄ ࣻ ࣻ
э Ѿҗܳ ٜ݅۰ݶ? Network = LET/5G + Wifi Device Network
O Emulator Network O Device Network X
• पઁ ֎ਕ ాन হ పझ • (Optional) য়ۄੋ ݽ٘
పझ పझ ࢿҕܫ ৢܻח ߑߨ?!
పझ ࢿҕܫ ৢܻח ߑߨ?! Storage ৻ࠗ ࣗীח Ӕೞݶࢲ द
Glide рۚೠ ز ӝࠄ ઁҕغח Model Loader Bitmap, Drawable, String,
Uri, File, Drawable Resource ID, URL, Byte[], Object Glide Registry Model Loader Decoding Storage
Glide ೧Ѿߨ Glide Registry Model Loader Decoding ӝࠄ ઁҕೞח Loaderࠁ
ࢶ೯ ܻೞח Custom Loader ١۾ Custom Model Loader Storage
о۽ӝ Remote Local asset SAMPLE
SAMPLE
• ೞ٘ਝয : పझ ࠺ झܽ ӝ, ֎ਕ оמ ৈࠗ
• ࣗਝয : ۄ࠳۞ܻо UI పझী ೠ ৈࠗ • झషܻ : ৻ࠗ ࣗ ܳ ۽٘ೞח ҃, ೧ URL ೦࢚ ਬബೠ ৈࠗ ܻ. UI పझ Ҋ۰ ࢎ೦
Case 4. োझ۞ ઁझ Incheon/Songdo
ܖܖ ղ ҅ઝ ੑӘా ࣁ߅झ ӝӘ ਬӘ ೠ׳Ә · ·
mini ѐੋࢎস
ਘәా 123,456,789ਗ · · · ٘ ࣁ߅झ 1,234,567ਗ
ਘәా Әঘࠁӝ · · · ٘ ࣁ߅झ Әঘࠁӝ
ਖ਼ঘ ࠁ ೧ઁ
ਘәా · · · ٘ ࣁ߅झ Әঘࠁӝ Әঘࠁӝ
ઁझ ز
ਘәా · · · ٘ ࣁ߅झ Әঘࠁӝ Әঘࠁӝ
ઁझ ز 123,4
ਘәా · · · ٘ ࣁ߅झ Әঘࠁӝ Әঘࠁӝ
ઁझ ز 123,456,789ਗ
ۨইਓ ҳઑ ਘәా · · · ٘ ࣁ߅झ
ImageView Button TextView पઁ ҳઑ৬ 100% زੌೞ ঋणפ. Әঘࠁӝ Әঘࠁӝ
ઁझ оמ ࢶ ਘәా · · · ٘
ࣁ߅झ पઁ ҳઑ৬ 100% زੌೞ ঋणפ. Әঘࠁӝ Әঘࠁӝ
ܖܖ ղ ҅ઝ ਘәా · · · ٘
ࣁ߅झ ࢎਊ݃ ܲ ఠ ઝ → ઁझח ࢎਊ݃ ୭ୡ ఠ द ઑӘঀ ܴ 1. ೧ ߄۽ ਤ 2. ೧ ࠁ ৽ଃীࢲ द Әঘࠁӝ 1 2 Әঘࠁӝ
ܖܖ ղ ҅ઝ ਘәా · · · ٘
ࣁ߅झ ࢎਊ݃ ܲ ఠ ઝ → ઁझח ࢎਊ݃ ୭ୡ ఠ द ઑӘঀ ܴ 1. ೧ ߄۽ ਤ 2. ೧ ࠁ ৽ଃীࢲ द ఠೞӝী ೠ ӝੋо? Әঘࠁӝ Әঘࠁӝ
ܖܖ ղ ҅ઝ ਘәా · · · ٘
ࣁ߅झ ఠೞӝী ೠ ӝੋо? ӂ ఠ ӝ Material 3 : ఠ ߂ ನੋఠ : 48px x 48px • https://m3.material.io/foundations/accessible-design/ accessibility-basics Apple HIG : 44 x 44pt • https://developer.apple.com/design/human-interface- guidelines/accessibility#Buttons-and-controls Әঘࠁӝ Әঘࠁӝ
ࠁా য۰ য۰ ࠁా ए ࠁా য۰ ৽ࣚ ए ए
নࣚ য়ܲࣚ
ఠ ਘәా · · · ٘ ࣁ߅झ
Әঘࠁӝ Әঘࠁӝ पઁ ҳઑ৬ 100% زੌೞ ঋणפ.
ఠ ਘәా · · · ٘ ࣁ߅झ
Әঘࠁӝ Әঘࠁӝ 123,456,789ਗ पઁ ҳઑ৬ 100% زੌೞ ঋणפ.
ఠ ਘәా · · · ٘ ࣁ߅झ
Әঘࠁӝ Әঘࠁӝ पઁ ҳઑ৬ 100% زੌೞ ঋणפ. 123,456,789ਗ
ਘәా · · · ࣁ߅झ Әঘࠁӝ Әঘࠁӝ 123,4
٘ ਘәా · · · ࣁ߅झ Әঘࠁӝ Әঘࠁӝ 123,456,789ਗ ٘ ѐࢶ ߡ
TIP. ఠ ഛࠁ 1. Padding ࢎਊ 2. TouchDelegate/HitRect ઑ
(ৈ۞࠙ दрਸ ࡐਸ ࣻ ) 3. ఠ ഛਸ SPEC-OUT 4. ӝఋ ଵҊ ܐ > [] ߡౡ ܼ ఠ ழझథ ೧ࠁӝ > TouchDelegate/HitRect ~ ઁೠػ ߧਤ۽ ఠ ߮ ٜ݅ӝ
Case 5. ߈ࠂ ੌ ࢤࢿ ۞Ӓੋ ઁ Incheon/Songdo
• ۽ં ӏݽച + ழझథ • Android Studio ѐߊ ҕా
ೠ҅ • ߈ࠂ স + ӝࠄ ҳࢿ ജ҃ ۞Ӓੋ ਃࢿ
IDE৬ ҙ۲ػ ӝৈೠ ӝמٜ • Plugin • Feature Module ࢤࢿ
• Sample Feature Module ࢤࢿ • Activity/Fragment ࢤࢿ • Custom Live Templates • Custom File Templates • Custom Lint ୭Ӕ ୶о
Demo
Single App Module data/domain ਬޖ Module
UI Domain Data Layered Architecture ҅க ױਤ ݽٕ
Features Module ೖ ݽٕ۽ ܻ࠙ UI Domain Data
Common Features Module ೖٜب ҕా ઓ UI Feature UI Common
Domain Data
UI Feature UI Common Domain Data Sample Sample apps Development
ਃೠ ӝמ݅ਵ۽ ҳࢿػ ࢠ জ
UI Feature UI Common Domain Data Sample ࠽٘ दр ଵઑೞח
Moduleࣻী ೱ - Gradle Task Sample apps Development ਃೠ ӝמ݅ਵ۽ ҳࢿػ ࢠ জ
UI Feature UI Common Domain Data Sample ۽ં݃ ҳࢿ ۽ં
by ۽ં
UI Feature UI Common Data Sample ۽ં݃ ҳࢿ ۽ં by
۽ં
Module݃ ਃೠ ର UI Feature UI Common Domain Data Sample
App Android Application Android Library Core Java/Kotlin Library or Android Library Android Application ѐߊदী ݆ স + ߈ࠂ ୭ୡ ӝࠄ ࢤࢿ
߈ࠂਸ ۞Ӓੋਵ۽ UI Feature UI Common Domain Data Sample
App Android Application Android Library Core Java/Kotlin Library or Android Library Android Application - Application - Library - Sample Module - ӝࠄ(మ݁) ٘ UI
• ࣻ ੌਸ ٜ݅ ࣻ ਵ۽ ಞܻ • դبח য۰
ಞ • ଵҊೡ ܐ ࠗ • ASী ҙ۲ؼࣻ۾, সؘ द ࣻ ߓನ ਃ • рױೠ ӝמٜ File Template, Live Template ӂ TIP. ۞Ӓੋ ઁ?!
؊ ࣁೠ ղਊ - AS ࢸ - ۞Ӓੋ ઁ Re:Android
Studio ࢸ ಝࠁӝ ߂ ࢤࢿ ৢܻӝ https://speakerdeck.com/pluu/re-android-studio-seoljeong-salpyeobogi-mic-saengsanseong-olrigi
хࢎפ!! Pluu KakaoBank Android App Developer GDE for Android