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
1.3k
우리모두 삽질한다
"DEVFEST 23 Songdo"에서 발표한 "우리모두 삽질한다" 발표 자료입니다.
pluulove (노현석)
December 10, 2023
Tweet
Share
More Decks by pluulove (노현석)
See All by pluulove (노현석)
N.E.X.T LEVEL
pluu
2
300
안드로이드 기술 이력서의 최소 조건
pluu
1
2k
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
540
Android Studio와 좀 더 친해지기
pluu
0
130
Re:Android Studio 설정 살펴보기 및 생산성 올리기
pluu
0
1.5k
What's new in Android development tools
pluu
1
840
What's new in Android development tools
pluu
1
420
개발자 Side Next Step ~ 커뮤니티 x Android
pluu
2
260
Modern Android Developer ~ 안내서
pluu
1
3k
Other Decks in Programming
See All in Programming
開発者とQAの越境で自動テストが増える開発プロセスを実現する
92thunder
1
180
「Chatwork」Android版アプリを 支える単体テストの現在
okuzawats
0
180
クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby
chobishiba
0
3.9k
[JAWS-UG横浜 #76] イケてるアップデートを宇宙いち早く紹介するよ!
maroon1st
0
460
CQRS+ES の力を使って効果を感じる / Feel the effects of using the power of CQRS+ES
seike460
PRO
0
120
今からはじめるAndroidアプリ開発 2024 / DevFest 2024
star_zero
0
1k
14 Years of iOS: Lessons and Key Points
seyfoyun
1
770
今年のアップデートで振り返るCDKセキュリティのシフトレフト/2024-cdk-security-shift-left
tomoki10
0
200
Symfony Mapper Component
soyuka
2
730
SymfonyCon Vienna 2025: Twig, still relevant in 2025?
fabpot
3
1.2k
rails stats で紐解く ANDPAD のイマを支える技術たち
andpad
1
290
テスト自動化失敗から再挑戦しチームにオーナーシップを委譲した話/STAC2024 macho
ma_cho29
1
1.3k
Featured
See All Featured
Embracing the Ebb and Flow
colly
84
4.5k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
GraphQLとの向き合い方2022年版
quramy
44
13k
Designing for Performance
lara
604
68k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.5k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
GitHub's CSS Performance
jonrohan
1030
460k
Agile that works and the tools we love
rasmusluckow
328
21k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Speed Design
sergeychernyshev
25
670
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
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