Skip to content

[Feature] 장바구니 ui 구현#11

Merged
minneee merged 5 commits intomainfrom
feature/shopping-cart
Sep 17, 2025
Merged

[Feature] 장바구니 ui 구현#11
minneee merged 5 commits intomainfrom
feature/shopping-cart

Conversation

@minneee
Copy link
Contributor

@minneee minneee commented Sep 17, 2025

🔗 관련 이슈

  • 관련 이슈: #

✨ 작업 내용

  • 장바구니 화면을 구현하였습니다.

📸 Showcase

스크린샷 2025-09-17 오후 2 19 37

📝 참고 사항

  • 스크롤 뷰 안의 컨텐츠 높이에 따라서 바텀시트의 높이가 달라지는데 이 부분이 깔끔하게 안돼서 고민중입니다

Motivation 🥳 (코드를 추가/변경하게 된 이유)

Key Changes 🔥 (주요 구현/변경 사항)

To Reviewers 🙏 (리뷰어에게 전달하고 싶은 말)

Reference 🔗

Close Issues 🔒 (닫을 Issue)

Close #No.

Checklist

  • 브랜치를 가져와 작업한 경우 이전 브랜치에 PR을 보냈는지 확인
  • 빌드를 위해 SceneDelegate 수정한 것 PR로 올리지 않았는지 확인
  • 필요없는 주석, 프린트문 제거했는지 확인
  • 컨벤션 지켰는지 확인
  • final, private 제대로 넣었는지 확인
  • 다양한 디바이스에 레이아웃이 대응되는지 확인
    • iPhone SE
    • iPhone 13
    • iPhone 13 Pro Max

Copy link
Contributor

@Roy-wonji Roy-wonji left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@minneee 수고 하셨습니다

Copy link
Contributor

@Peter1119 Peter1119 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 ~!

Comment on lines +12 to +38
Grid(horizontalSpacing: 12) {
GridRow {
Button {
//전체 취소
} label: {
Text("전체 취소")
.font(.system(size: 15, weight: .regular))
.foregroundStyle(.black)
.frame(maxWidth: .infinity)
.padding(10)
.overlay {
Capsule(style: .continuous)
.stroke(.black.opacity(0.2), lineWidth: 1)
}
}
.gridCellColumns(4)

Button {
//결제하기
} label: {
Text("결제하기")
.font(.system(size: 15, weight: .semibold))
.foregroundStyle(.white)
.frame(maxWidth: .infinity)
.padding(10)
.background(.blue)
.clipShape(.capsule(style: .continuous))
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 Grid

HStack이 아닌 Grid로 하신 이유가 있으실까요 ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아래 버튼 두개가 화면의 4:6 비율로 차지하고있는데
그 부분을 .gridCellColumns(4) / .gridCellColumns(6) 을 사용해서 만드려고 Grid 사용했습니다!

@minneee minneee merged commit 3253aa6 into main Sep 17, 2025
1 check passed
@minneee minneee deleted the feature/shopping-cart branch September 17, 2025 05:45
Roy-wonji pushed a commit that referenced this pull request Sep 18, 2025
* [feat] 장바구니 헤더 ui 추가

* [feat] 장바구니 목록 ui 추가

* [feat] 결제정보 요약 ui 추가

* [feat] 결제, 취소 버튼 ui 추가

* [chore] 파일 이동
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants