[Swift] Storyboard vs Programmatic UI

 

저는 왕초보초보라서, 배운대로 충실하게 Storyboard를 통한 UI작업만 해왔는데요~! 공부를 하면 할수록 복잡하거나 다양한 User Interaction(swipe 등)이 필요한 화면들을 만나게 되고, 그것들을 더 잘 구현하려면 Code Base로 Programatic하게 UI를 그릴 수도 있어야 겠더라구요!

 

그래서 이번에는 CodeBase로도 UI를 작성할 수 있어야 하는 이유를 포스팅 해볼거에요!

---

Storyboard로 개발할때 장/단점

장점

결과물에 관해 예측하기 쉬움 (당연히 눈으로 보면서 화면을 그리니까..?)

속성 확인 가능 (inspector 화면을 보면서 하면 클릭 딸깍 딸깍으로 간단하게 확인 가능하죠!)

소스코드를 하나하나 기억하지 않아도 무관

 

단점

무거움 😩 (아마 복잡한 화면 작업 하실때 Contraint만 살짝 바꿔도 버벅거리는 거 경험하실 수 있을거에요..)

IBOutlet 링크가 끊어지면 찾기 어려움

작은 화면으로 개발이.. 반은 Storyboard 보랴, 반은 Assistant Editor 로 코드보랴..😂😂

협업시 Git등을 통해 Commit하면, Diff(바뀐 내용)을 봐도 모름 ㅋ

협업시 Conflict가 자주나고, Merge하는게 어려움

 

 

Programmatic하게 개발할때 장/단점 (사실상 Storyboard와 딱 반대😎)

장점

프로그램이 무겁지 않음

모니터 전체를 코드로 보면서 작업할 수 있음 ㅋ

협업시 Conflict를 줄이고, Diff도 쉽게 이해할 수 있음

 

단점

각 Component의 속성을 코드로 숙지하고 있어야함

결과물을 예측하기 어려워서 시각성은 떨어짐

Code의 길이가 매우매우 길어짐

 

 

 

그래서.. 저는 Storyboard를 통한 UI작업은 매우 기본적인 것들(?)은 조금 익숙해 졌으므로, 이젠 Code Base UI작업을 조금씩 공부해보려고 합니다!