[레벨 1] `9주차` 4. 뷰를 구현할때 Storyboard와 Code로 구현하는 각각의 장단점은 무엇인가요?

[longlivedrgn]

• 선호하는 방식이 있다면 무엇이고 왜 더 선호하나요?

[ueunli]

Storyboard, Code방식을 다음과 같은 기준에 따라 혼합하여 사용하는 것을 선호한다.

• 스토리보드) UI요소들의 대략적인 위치, 디폴트 형태·색상·제목
• 코드베이스) UI요소들의 구체적인 위치와 사이즈, 상호작용, VC간의 전환

요약하자면, IBOutlet과 IBAction 중 전자만 사용하는 느낌에 가깝다. 디자이너·기획자와의 소통하고 다른 동료 개발자들과 코드리뷰하기에 용이할 만큼의 배치, 코드쪽 구현하면서 시뮬레이팅 하기에 스스로 편리할 만큼의 컨텐츠만 스토리보드에 넣고 나머지는 코드베이스로 작성한다. 스토리보드의 장점은 분명히 있지만 형상관리가 중요해질수록 스토리보드에 의존하기보다 텍스트인 코드로 작업하는 쪽이 유지관리 측면에서 훨씬 유연하다고 느끼게 되는 것 같다.

+ 코드베이스로 선언한 UI요소 세팅을 스토리보드 사이드바에서 확인할 수 있도록 하는 방법도 있지만, 개인적으로 표시 기준을 통일감 있게 정하기 어렵고 코드 선언부에 너무 많은 attribute가 붙는 걸 좋아하지 않아서 지양하고 있다.

[SunnnySong]

1️⃣ 뷰를 구현할때 Storyboard와 Code로 구현하는 각각의 장단점은 무엇인가요?

Storyboard

장점

• UI를 그리는 가장 쉽고 빠른 방법이다.
• 화면에 바로 UI를 그리기 때문에 직관적이다.

단점

• 재사용 가능한 UI를 만들기에 어렵다.
• 스토리보드를 로드하는데 코드보다 더 많은 시간이 걸린다.
• 뷰 컨트롤러 간 데이터 흐름을 처리하지 않는다.

Code

장점

• UI 재사용에 적합하다.
• UI를 그리는데 작동하는 여러 동작들을 직접 제어할 수 있다.
• 스토리보드로 구현할 수 없는 기능을 구현할 수 있다.

단점

• 스토리보드보다 UI를 만드는데 시간이 더 오래 걸린다.
• 코드를 작성하는 동안에는 화면이 눈에 보이지 않는다.
  • .. swiftui를 활용하면 단점 해결!

2️⃣ 선호하는 방식이 있다면 무엇이고 왜 더 선호하나요?

• 코드 방식을 더 선호한다.
  • 하나의 앱 안에는 재활용 되는 UI가 많기 때문에 코드를 이용해서 가장 효율적인 코드를 작성하려 한다.
  • 또한 스토리보드를 이용하면 그릴수 있는 화면이 한정적이기 때문에 커스텀 된 화면을 더 완벽하게 구현하기 위해서는 코드가 더 낫다고 생각한다.

[longlivedrgn]

Storyboard는 여러 사람들과 협업할 때 conflict가 날 가능성이 높다. 그리고 Storyboard가 무거워지면 무거워질수록 로드가 되는데 시간이 오래 걸리게된다. But, UI를 바로바로 볼 수 있으므로 편한 부분이 있긴하다.

그러나, 여러 사람들과 협업하는 입장에서 코드 베이스가 훨씬 유리하므로 코드 베이스를 지향하는 바이다.