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.2k
우리모두 삽질한다
"DEVFEST 23 Songdo"에서 발표한 "우리모두 삽질한다" 발표 자료입니다.
pluulove (노현석)
December 10, 2023
Tweet
Share
More Decks by pluulove (노현석)
See All by pluulove (노현석)
I/O Extended Android in Korea 2024 ~ Whats new in Android development tools
pluu
0
430
Android Studio와 좀 더 친해지기
pluu
0
87
Re:Android Studio 설정 살펴보기 및 생산성 올리기
pluu
0
1.5k
What's new in Android development tools
pluu
1
790
What's new in Android development tools
pluu
1
390
개발자 Side Next Step ~ 커뮤니티 x Android
pluu
2
230
Modern Android Developer ~ 안내서
pluu
1
2.9k
I/O Extended 2022 in Android ~ Whats new in Android development tools
pluu
1
3.1k
코드 품질 1% 올리기
pluu
2
3.2k
Other Decks in Programming
See All in Programming
What is TDD?
urakawa_jinsei
1
220
Vue :: Better Testing 2024
up1
1
400
モジュラモノリス、その前に / Modular monolith, before that
euglena1215
6
690
色んなオートローダーを覗き見る #phpcon_okinawa
o0h
PRO
5
390
DjangoNinjaで高速なAPI開発を実現する
masaya00
0
510
Subclassing, Composition, Python, and You
hynek
3
170
Beyond Laravel Octane - Hyperf for Laravel Artisans
albertcht
1
130
Повторное использование кода в ML: почему ML-пайплайны могут помочь?
lamodatech
0
160
WEBアプリケーションにおけるAWS Lambdaを用いた大規模な非同期処理の実践
delhi09
PRO
7
4.1k
5年分のツケを一気に払った話
soogie
3
1.3k
[PHPカンファレンス沖縄2024]「無理なくできるだけ安全に」テストもないレガシーコードをリファクタリングするテクニック
ikezoemakoto
3
130
NEWTにおけるiOS18対応の進め方
ryu1sazae
0
230
Featured
See All Featured
Code Review Best Practice
trishagee
62
16k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
105
48k
Building a Scalable Design System with Sketch
lauravandoore
459
32k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
7
580
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
9
1.2k
The Cult of Friendly URLs
andyhume
77
6k
How to Ace a Technical Interview
jacobian
275
23k
The Invisible Side of Design
smashingmag
297
50k
Agile that works and the tools we love
rasmusluckow
327
21k
The Pragmatic Product Professional
lauravandoore
31
6.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
92
16k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
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