[숲] 6주차 미션 #16
Open
[숲] 6주차 미션 #16
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
iiuoon
reviewed
Nov 26, 2023
Comment on lines
+163
to
+178
| struct BaedalView: View { | ||
| let viewTitle: String | ||
| let viewContent: String | ||
|
|
||
| init(viewTitle: String, viewContent: String) { | ||
| self.viewTitle = viewTitle | ||
| self.viewContent = viewContent | ||
| } | ||
|
|
||
| var body: some View { | ||
| VStack { | ||
| Text(viewTitle).bold() | ||
| Text(viewContent) | ||
| } | ||
| } | ||
| } |
There was a problem hiding this comment.
BaedalView를 이렇게 수정하면 코드를 간단하게 수정할 수 있어요
struct BaedalView: View {
let viewTitle: String
let viewContent: String
init(viewTitle: String, viewContent: String) {
self.viewTitle = viewTitle
self.viewContent = viewContent
}
var body: some View {
VStack {
RoundedRectangle(cornerRadius: 10)
.fill(Color.white)
.frame(width: UIScreen.main.bounds.width / 4, height: UIScreen.main.bounds.height / 8)
.overlay(
VStack {
Text(viewTitle).bold()
Text(viewContent)
}
)
}
}
}
Comment on lines
+55
to
+74
| HStack(spacing: 20) { | ||
|
|
||
| ZStack { | ||
| Color.white | ||
| .cornerRadius(10) | ||
| affordableView | ||
| }.frame(width: UIScreen.main.bounds.width / 4, height: UIScreen.main.bounds.height / 8) | ||
|
|
||
| ZStack { | ||
| Color.white | ||
| .cornerRadius(10) | ||
| baedalView | ||
| }.frame(width: UIScreen.main.bounds.width / 4, height: UIScreen.main.bounds.height / 8) | ||
|
|
||
| ZStack { | ||
| Color.white | ||
| .cornerRadius(10) | ||
| storeView | ||
| }.frame(width: UIScreen.main.bounds.width / 4, height: UIScreen.main.bounds.height / 8) | ||
| }.padding(.top, 20) |
There was a problem hiding this comment.
ZStack은 웬만하면 사용을 지양하는 것이 좋아요!
HStack(spacing: 20) {
BaedalView(viewTitle: "알뜰배달", viewContent: "쿠폰 골라 받기")
BaedalView(viewTitle: "배달", viewContent: "세상은 넓고\n맛집은 많다")
BaedalView(viewTitle: "배민스토어", viewContent: "배달은 지금\n옵니다")
}.padding(.top, 20)
라고 수정할 수 있습니다.
위에 affordableView, baedalView, storeView 객체를 만들어주지 않아도 됩니다!
Comment on lines
+14
to
+16
| let affordableView = BaedalView(viewTitle: "알뜰배달", viewContent: "쿠폰 골라 받기") | ||
| let baedalView = BaedalView(viewTitle: "배달", viewContent: "세상은 넓고\n맛집은 많다") | ||
| let storeView = BaedalView(viewTitle: "배민스토어", viewContent: "배달은 지금\n옵니다") |
| } | ||
|
|
||
| struct MenuView: View { | ||
| var body: some View { |
There was a problem hiding this comment.
여기에 버튼을 만드는 함수를 만들어 주면 코드를 훨씬 줄일 수 있어요
func menuItem(imageName: String, title: String) -> some View {
Button(action: {}) {
VStack {
Image(systemName: imageName)
Text(title)
}
}
.background(Color.white)
.cornerRadius(5)
}
| .cornerRadius(5) | ||
| }.padding(.horizontal, 20) | ||
| .padding(.top, 20) | ||
| } |
There was a problem hiding this comment.
이 부분을
VStack {
HStack(spacing: 20) {
menuItem(imageName: "trophy.circle", title: "인기")
menuItem(imageName: "tag.circle", title: "신상품")
menuItem(imageName: "flame.circle", title: "특가")
menuItem(imageName: "bag.circle", title: "쌀 잡곡")
menuItem(imageName: "bathtub", title: "화장지")
}
.padding(.horizontal, 20)
.padding(.top, 20)
HStack(spacing: 20) {
menuItem(imageName: "trophy.circle", title: "인기")
menuItem(imageName: "tag.circle", title: "신상품")
menuItem(imageName: "flame.circle", title: "특가")
menuItem(imageName: "bag.circle", title: "쌀 잡곡")
menuItem(imageName: "bathtub", title: "화장지")
}
.padding(.horizontal, 20)
.padding(.top, 20)
}
이렇게 수정 가능합니다!
|
실제 어플처럼 서치바 위에 부분은 네비게이션 바 커스텀을 이용해서 구현하고 화면 전체에 스크롤이 되게 만들어서 서치바는 다른 뷰처럼 넣어주면 될 것 같아요! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📌 관련 이슈
#15
✨ 이슈 내용
SwiftUI 뷰 구성
📸 스크린샷(선택)
📚 레퍼런스 (또는 새로 알게 된 내용) 혹은 궁금한 사항들
상단바 붙이기???