List UI 앱 리팩토링(refactoring)

전편 에서 작성했던 List UI 앱을 리팩토링 해 보도록 하자.

1. 하나의 View 에 코드를 전부 넣기보다 분리하는게 좋음

2. 분리 대상은 ForEach 안의 코드로 ForEach 는 각 루프에 표시할 변수를 건네 줄 필요가 있음

3. 분리할 코드를 ReataurantInfo 라는 이름으로 Subview 를 분리 생성

 

코드 분리

VStack 을 선택한 상태에서 Control 키를 누른 상태에서 마우스 더블클릭 -> Extract Subview 선택

 

Subview 의 이름 변경

ExtractedView 를 선택한 상태에서 Control 키를 누른 상태에서 마우스 더블클릭 -> Refactor::Rename 선택

 

아래 화면으로 전환되면 RestaurantInfo 로 변경 -> 전부 자동 변환

 

생성된 RestaurantInfo View에서 파라미터 변수들을 정의 

 

호출쪽의 body View 에서 RestaurantInfo 에 각 루프시의 파라미터를 건네준다.