전편 에서 작성했던 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 에 각 루프시의 파라미터를 건네준다.
'Mobile > Swift' 카테고리의 다른 글
| List UI 앱 View간의 변수 연동 @Binding (0) | 2025.02.24 |
|---|---|
| List UI @State 를 이용한 버튼 액션 보이기(onTabGesture, actionSheet, alert) (0) | 2025.02.24 |
| List UI 앱 생성 (0) | 2025.02.23 |
| class (0) | 2024.02.15 |
| struct (0) | 2024.02.15 |