[์ง๊ด€๋กœ๊ทธ] v.1.3.1 ๋ฐฐํฌ

2024. 9. 13. 08:58ยท๐ŸŸ๏ธ ์ง๊ด€๋กœ๊ทธ (์ถœ์‹œ์•ฑ)/์—…๋ฐ์ดํŠธ

 

 

 

 

 

v.1.3.1์—์„œ์˜ ๋ณ€ํ™”

 

- ์ž‘์„ฑํ™”๋ฉด UIUX ๊ฐœ์„ 

- ๊ฒฝ๊ธฐ์žฅ ์ถ”๊ฐ€

 

 

 

๋‚ ์งœ๋ณ€๊ฒฝ

- ๊ธฐ์กด์—” ๋‚ ์งœ ๋ณ€๊ฒฝ์ด ์•ˆ ๋˜์—ˆ๋Š”๋ฐ, ๋ฌธ์˜์‚ฌํ•ญ์— ๋นˆ๋„ ๋†’๊ฒŒ ์žˆ๋˜ ๋ถ€๋ถ„์ด๋ผ ์ˆ˜์ •ํ–ˆ๋‹ค.

 

๊ฒฝ๊ธฐ์žฅ

- ๊ฒฝ๊ธฐ์žฅ ์ถ”๊ฐ€๋Š” ์ด์ „ ๊ณ„ํš๋Œ€๋กœ user๊ฐ€ ๋“ฑ๋กํ•˜๋„๋ก ๋กœ์ง์„ ์ˆ˜์ • ํ–ˆ๋‹ค๊ฐ€, ์ž ์‹œ ๋ณด๋ฅ˜ํ•˜๊ณ  ์š”์ฒญ ์žˆ๋˜ ๊ฒฝ๊ธฐ์žฅ๋“ค์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฑธ๋กœ ์ž„์‹œ๋กœ ๋Œ€์ฒดํ–ˆ๋‹ค. ์ด๊ฑด ์•„๋งˆ ๋‹ค์Œ ์—…๋ฐ์ดํŠธ์—์„œ ์ง„ํ–‰ ๋˜์ง€ ์•Š์„ ๊นŒ ์‹ถ๋‹ค.

 

์–ผ๋Ÿฟ

- ๋“ฑ๋ก์„ ์œ„ํ•œ ์ตœ์†Œํ•œ์˜ ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜์ง€ ์•Š์œผ๋ฉด ๊ทธ๋•Œ๋งˆ๋‹ค ์–ผ๋Ÿฟ์„ ๋„์› ๋Š”๋ฐ, ์‚ฌ์šฉ์ž ์ž…์žฅ์—์„œ ์„ฑ๊ฐ€์‹œ๊ณ  ํ•ด๋‹น ๋ถ€๋ถ„์— ๋Œ€ํ•ด ๊ธ€์ž์ˆ˜๋ฅผ ๋Š˜๋ ค๋‹ฌ๋ผ๋Š” ๋“ฑ์˜ ๋ฌธ์˜์š”์ฒญ์— ๊ณ ๋ฏผํ–ˆ๋‹ค. ์–ผ๋Ÿฟ์€ ๊ฒฝ๊ธฐ์žฅ ์„ ํƒ ์กฐ๊ฑด ๋ถˆ์ถฉ์กฑ ์‹œ์—๋งŒ ๋„์šฐ๊ณ , ๋‚˜๋จธ์ง€๋Š” ๊ธ€์ž์ž…๋ ฅ์ˆ˜๋ฅผ ํ…์ŠคํŠธํ•„๋“œ์—์„œ ์ง€์ •ํ•ด๋†“๊ณ , ์กฐ๊ฑด์„ ์ถฉ์กฑํ•  ๋•Œ๊นŒ์ง€ ๋ฒ„ํŠผ ๋น„ํ™œ์„ฑํ™” ํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ณ€๊ฒฝํ–ˆ๋‹ค.

- ์‚ฌ์‹ค ํ…์ŠคํŠธํ•„๋“œ ์ƒ‰ ๋ณ€๊ฒฝ ๋“ฑ์œผ๋กœ rxSwift ์‹์œผ๋กœ ์กฐ๊ธˆ ๋” UIUX ๊ฐœ์„ ์„ ํ•  ์˜์ง€๊ฐ€ ์žˆ์—ˆ์œผ๋‚˜, ํ•ด๋‹น ๋ทฐ์ปจ์˜ ์ฝ”๋“œ๊ฐ€ ์ •๋ง ์œ ์ง€๋ณด์ˆ˜ ๊ทน์•…์ด๋ผ ์ผ๋‹จ ๋ณด๋ฅ˜ํ–ˆ๋‹ค. ์‹ค์ œ๋กœ ์ž˜๋ชป ๋งŒ์ ธ์„œ ์ผ์ •๊ธฐ๊ฐ„ ๋ฆฌ๋ทฐ ๋“ฑ๋ก์ด ๋˜์ง€ ์•Š์•˜์—ˆ๋‹ค. ์•„๋งˆ ์ด๊ฑด ์Šค์œ ๋กœ ๋ฆฌํŒฉํ† ๋ง ํ•  ๋•Œ ๊ฐœ์„ ๋ฐฉํ–ฅ์„ ์ฐพ์ง€ ์•Š์„๊นŒ.

 

 

 

 

 

 

- ์บ˜๋ฆฐ๋” UX ๊ฐœ์„ 

 

 

 

ํ™”๋ฉด Flow

- ํ™”๋ฉด Flow๊ฐ€ ๋Œ€ํญ ์ˆ˜์ • ๋˜์—ˆ๋‹ค. ๋ณธ๋ž˜ [์˜ค๋Š˜ ์ง๊ด€๊ธฐ๋กํ•˜๊ธฐ]๋ฅผ ๋ˆ„๋ฅด๋ฉด ์˜ค๋Š˜ ๋‚ ์งœ ๊ณ ์ •์œผ๋กœ ๊ธฐ๋ก๋˜์—ˆ๊ณ , ๋‹ฌ๋ ฅ์—์„œ ๋‚ ์งœ๋ฅผ ํƒญํ•˜๋ฉด ํ•ด๋‹น ๋‚ ์งœ ๊ณ ์ •์œผ๋กœ ๊ธฐ๋ก์ด ๋˜์—ˆ๋Š”๋ฐ ๋‹ค๋ฅธ ์•ฑ๋“ค์„ ์จ๋ณด๋‹ˆ ๋‹ฌ๋ ฅ์— ํƒญํ•ด์„œ ์ž‘์„ฑํ™”๋ฉด์œผ๋กœ ๋ฐ”๋กœ ๋„˜์–ด๊ฐ€๋Š”๊ฒŒ ์ผ๋ฐ˜์ ์ด์ง€ ์•Š๋‹ค๋Š” ๊ฑธ ๊นจ๋‹ซ๊ณ  UX ๋ถ€๋ถ„์„ ์ค‘์ ์ ์œผ๋กœ ์ˆ˜์ •ํ–ˆ๋‹ค. ์ˆ˜์ • ๋œ flow๋Š” ์•„๋ž˜์™€ ๊ฐ™๋‹ค

 

1. ๋‹ฌ๋ ฅ์—์„œ ๋‚ ์งœ๋ฅผ ํƒญ -> ์ €์žฅ๋œ ๊ธฐ๋ก์ด ์žˆ์œผ๋ฉด ํ•ด๋‹น ticket UI๋กœ ์ „ํ™˜ -> ์—†์œผ๋ฉด ์ž‘์„ฑ ์œ ๋„ ์–ผ๋Ÿฟ

2. ์ง๊ด€ ๊ธฐ๋กํ•˜๊ธฐ ํƒญ -> ์œ ์ €๊ฐ€ ๋‚ ์งœ ์„ ํƒ

 

๋‚ ์งœ ์ด๋™

- ๋ณธ๋ž˜ ์—ฐ๋„/์›”/์ผ ์„ ์„ ํƒํ•ด์•ผ ์ด๋™์ด ๋˜์—ˆ๋Š”๋ฐ, ์ง€๊ธˆ์€ ์—ฐ๋„/์›” ๋งŒ ์„ ํƒํ•˜๋„๋ก ์—…๋ฐ์ดํŠธํ–ˆ๋‹ค. ๋ฌผ๋ก  iOS ๋ฒ„์ „๋Œ€์‘์ด ํ•„์š”ํ•œ ๋ถ€๋ถ„์ด ์žˆ์–ด์„œ, iOS 17์ด์ƒ์˜ ๊ธฐ๊ธฐ์—์„œ๋งŒ ๊ฐ€๋Šฅํ•œ ์˜ต์…˜์ด๋‹ค.

 

 

 

 

 

- ์ฐจํŠธํ™”๋ฉด

 

 

 

- DB ์ˆ˜์ • ํ›„ ์ฐจํŠธ UI๋ฅผ ๋‹ค์‹œ ์งœ๋ ค๊ณ  ํ–ˆ๋Š”๋ฐ, ๋ฌธ์˜ ๊ตฌ๊ธ€ํผ์— ์ฐจํŠธ ํ™”๋ฉด์„ ์ด์ „ ํ™”๋ฉด์ด๋ผ๋„ ์ข‹์œผ๋‹ˆ ์˜คํ”ˆํ•ด๋‹ฌ๋ž€ ์š”๊ตฌ๊ฐ€ ๋งŽ์•˜๋‹ค.

๊ทธ๋ž˜์„œ ๊ธ‰ํžˆ 2024๋…„ ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ณผ ์ˆ˜ ์žˆ๊ฒŒ ์ด์ „ ์ฐจํŠธ UI์™€ ๋น„์Šทํ•˜๊ฒŒ ์˜คํ”ˆ ํ–ˆ๋Š”๋ฐ, ์ข…๋ชฉ์— ์ตœ๋Œ€ํ•œ ๊ตฌ์•  ๋ฐ›์ง€ ์•Š๊ณ  ํ™•์ธํ•˜๊ธฐ ํŽธํ•˜๊ฒŒ 1.์ „์ฒด 2.์ด๋ฒˆ ๋‹ฌ 3.์ด๋ฒˆ ์ฃผ ๋กœ ๋ถ„๋ฅ˜ํ•ด์„œ ํ•ด๋‹น ๊ธฐ๋Šฅ์„ ์ œ๊ณต ํ–ˆ๋‹ค.

 

- ์ด์ „ ์ฐจํŠธ์— ์Šน๋ฅ  ๊ณ„์‚ฐ์ด ์ž˜๋ชป ๋˜์—ˆ๋˜ ๊ฑธ ์•Œ๊ณ .... ์ŠนํŒจ ๊ธฐ๋ก๋งŒ ๋”ฐ์ ธ ๋ฐ˜์˜ํ–ˆ๋‹ค.

 

- SwiftUI๋กœ ๋งŒ๋“ค์—ˆ๊ณ , ํƒญ๋ฐ”๋Š” ์ปค์Šคํ…€์œผ๋กœ ๋งŒ๋“ค์–ด์„œ ํ•ด๋‹น ํƒญ์„ ๋ˆŒ๋Ÿฌ ํ™”๋ฉด์ด๋™์„ ๊ฐ€๋Šฅํ† ๋ก ํ–ˆ๋‹ค.

 

 

 

 

 

 

 

 

- ํŒ์—… UI ๊ฐœ์„ 

Before / After

 

- ์ด์ „ ํŒ์—…์ด ๊ฐค๋Ÿญ์‹œ ํŒ์—… ๊ฐ™๋‹จ ์ƒˆ์‹น ๋™๋ฃŒ๋ถ„์˜ ์˜๊ฒฌ์„ ์ˆ˜๋ ด, ์˜ค๋ฅธ์ชฝ UI๋กœ ๋ณ€๊ฒฝํ–ˆ๋‹ค.

- ์• ํ”Œ ์ œ๊ณต ์–ผ๋Ÿฟ์„ ์‚ฌ์šฉ ์ค‘์ธ ๋ถ€๋ถ„์€ ์ง€๊ธˆ ๊ฑฐ์˜ custom ์–ผ๋Ÿฟ์œผ๋กœ ๋ณ€๊ฒฝํ•˜์—ฌ UI ํ†ต์ผ์„ฑ์„ ๊ฐœ์„ ํ–ˆ๋‹ค.

 

 

 

 

 

v.1.3.1 ์—…๋ฐ์ดํŠธ ๊ณ ๋ฏผํ–ˆ๋˜ ๋ถ€๋ถ„

 

1. DGCharts

- SwiftUI๋ฅผ ๋”ฐ๋กœ ์ง€์›ํ•ด์ฃผ๊ณ  ์žˆ์ง€ ์•Š์•„์„œ ํ•ด๋‹น ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์œ ์ง€ํ•˜๋Š” ๊ฒŒ ๋งž์„๊นŒ ๊ณ ๋ฏผ์„ ๋งŽ์ด ํ–ˆ์—ˆ๋‹ค. Swift๊ฐ€ ์ œ๊ณตํ•˜๋Š” ์ฐจํŠธ API๋ฅผ ์‚ฌ์šฉํ•˜์ž๋‹ˆ ์ตœ์†Œ๋ฒ„์ „ ๋ฌธ์ œ๋„ ์žˆ์–ด์„œ, ํ•ด๋‹น ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์œ ์ง€๋ฅผ ์œ„ํ•ด UIViewRepresentable๋กœ pieChart๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค.


2. ๊ฒฝ๊ธฐ์žฅ ๋“ฑ๋ก

- ๊ฒฝ๊ธฐ์žฅ ๋“ฑ๋ก์„ ๊ณ„์† ๊ณ ๋ฏผํ–ˆ๋Š”๋ฐ, ์ข…๋ชฉ๋ณ„ ๊ฒฝ๊ธฐ์žฅ ์ˆ˜๊ฐ€ ๋งŽ์•„์„œ ํ”ฝ์ปค ํ˜•์‹๋ณด๋‹จ ๊ฒ€์ƒ‰์ฐฝ UI๋กœ ๋ณ€๊ฒฝํ•˜๋Š” ๊ฒŒ ๋งž๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ์ด๊ฑด ๋‹ค์Œ ์—…๋ฐ์ดํŠธ ๋•Œ ๋Œ€ํญ ์ˆ˜์ •ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค.


 


 

 


 


 

 

 

 

'๐ŸŸ๏ธ ์ง๊ด€๋กœ๊ทธ (์ถœ์‹œ์•ฑ) > ์—…๋ฐ์ดํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[์ง๊ด€๋กœ๊ทธ] v.1.3.0 ๋ฐฐํฌ  (1) 2024.09.06
[์ง๊ด€๋กœ๊ทธ] v.1.3.x  (0) 2024.07.31
'๐ŸŸ๏ธ ์ง๊ด€๋กœ๊ทธ (์ถœ์‹œ์•ฑ)/์—…๋ฐ์ดํŠธ' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [์ง๊ด€๋กœ๊ทธ] v.1.3.0 ๋ฐฐํฌ
  • [์ง๊ด€๋กœ๊ทธ] v.1.3.x
Callie_
Callie_
  • Callie_
    CalliOS
    Callie_
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ
      • ๐ŸŽ APPLE
      • ๐ŸŽ Dev
        • Swift
        • UIKit
        • SwiftUI
        • Issue
        • ๊ตฌํ˜„
      • ๐ŸŽ Design
        • HIG
      • โš™๏ธ CS
      • ๐Ÿ’ก ์•Œ๊ณ ๋ฆฌ์ฆ˜
        • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
        • ๋ฐฑ์ค€
      • ๐ŸŸ๏ธ ์ง๊ด€๋กœ๊ทธ (์ถœ์‹œ์•ฑ)
        • ์—…๋ฐ์ดํŠธ
      • ๐ŸŒฑ SeSAC iOS 3๊ธฐ
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    addTarget
    Entry Point
    clipsToBound
    SeSAC
    Enum
    SwiftUI
    ios
    .OverFullScreen
    DidEndOnExit
    ๋„คํŠธ์›Œํฌํ†ต์‹ 
    Snapshot
    modalPresentStyle
    stroyboard
    TapGestureRecognizer
    Swift
    Infoํƒญ
    assets
    cornerradius
    diffable
    CocoaTouchFramework
    ์ƒ๋ช…์ฃผ๊ธฐ
    TableViewCell
    DiffableDataSource
    .fullScreen
    IBAction
    IBOutlet
    layer.shadow
    apply
    ํ™”๋ฉด์ „ํ™˜
    CustomView
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.0
Callie_
[์ง๊ด€๋กœ๊ทธ] v.1.3.1 ๋ฐฐํฌ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.