https://calliek.tistory.com/62 [SwiftUI] TabView + DragGesture로 무한 스크롤 타이머 조절하기프로모션 팝업 화면을 담당해서 만들었는데, 무한 스크롤(이미지 배열 순환) + 타이머 작동이 가능토록 구현을 해야했다. - 내가 구현하고자 한 것: 1. 첫번째 인덱스 이미지에서 왼쪽으로 스와calliek.tistory.com 문제점: - 불과 일주일 전 같은 맥락의 게시글을 작성했었는데, 해당 방식대로 구현하면 타이머가 작동 될 때 index 변경 시 애니메이션 적용이 안 되는 문제가 있었다.- 그래서 해당 글에 추가해두었던 블로그글로 전면 수정을 해보았으나, 드래그를 할 때 해당 인덱스의 화면이 드래그 되는 모습이 보이지 않고 액션이 다 끝나고 슬라이드 애니메이..

프로모션 팝업 화면을 담당해서 만들었는데, 무한 스크롤(이미지 배열 순환) + 타이머 작동이 가능토록 구현을 해야했다. - 내가 구현하고자 한 것: 1. 첫번째 인덱스 이미지에서 왼쪽으로 스와이프 하면 마지막 인덱스 이미지가 나오고, 마지막 인덱스에서 오른쪽으로 스와이프하면 첫번째 인덱스 이미지가 나오는 무한 순환 구조의 스크롤2. 별도의 제스처가 없으면 3초마다 이미지 변경 + 이미지 배열 순환3. 유저가 수동으로 스와이프 시 배열 순서에 맞게 이미지 변경 + 인디케이터 변경 - 내가 겪은 것: 1. 타이머 조절이 되지 않아서 이미지를 반만 스와이프 했을 때 반씩 나온 이미지들이 이전/다음 이미지로 변경 + 타이머 작동2. 수동으로 스와이프 해서 타이머 멈추게 했을 시 다시 작동이 되지 않는 이슈 --..

회사에서 참여중인 프로젝트에서 스크롤뷰로 구현되어 있던 부분에 페이징 기능을 추가해달라는 기획서 수정이 있었다.UIKit으로 구현되어 있었으면 UIPageViewController를 사용하면 되겠지만, 프로젝트를 SwiftUI 중심으로 작업 중인 상황이라 생각보다 기획서대로 개발하는 게 까다로웠다. 까다로웠던 이유는 두 가지가 있었는데, 1. SwiftUI의 ScrollView는 커스텀이 제한적이라는 점2. 회사 프로젝트의 최소 버전이 15이상인 점 때문이었다. 그래도 iOS 17이상부터 애플에서 ScrollView의 기능을 대폭 추가 및 개선 해주어서 17 이상부터는 사실상 문제가 없었는데, 문제는 ScrollView의 버전대응이었다.     https://developer.apple.com/suppo..

Topic: - 커스텀 팝업을 띄울 때 애니메이션 효과 자연스럽게 주기 ---> SwiftUI에서 fullScreen으로 화면전환 애니메이션 효과를 주기엔 한정적이었고, UIKit에서 작동 되는 걸 리팩토링 할 때 똑같이 구현해야 했기에 화면전환을 할 때 fullScreen을 쓰지 않는 방법을 찾아야했다. 접근: 1. ZStack을 활용해서 뷰 위에 뷰를 띄우자! 가 이번 이슈 해결접근의 전부다. *** 이 포스트를 위해 작성한 코드들은 화면전환을 중점으로 짠 코드이기에 UI는 고려하지 않았다. (즉, UI 레이아웃 잡은 코드는 쪼금... 더럽다.) 1-1. 왜 ZStack을 쓰고자 했냐 - 하면, ZStack에 대한 정의가 필요하다. A view that overlays its subviews, ali..

요즘 회사에서 스유로 리팩토링하는 작업을 담당하고 있는데, 섹션 폴딩을 구현해야할 일이 생겼었다. 찾아보면 list를 활용해서 만드는 예시 위주만 나와서 내가 구현하고 하는 것과 맞지 않았다. 내가 구현하고자 한 폴딩 부분은 디자인 가이드상 컬렉션뷰로 구현해야 나오는 뷰였기 때문에 GirdItem을 활용해서 커스텀으로 섹션을 만들어 쓰기로 했다. 마침 참고하기 좋은 해외 포스트도 발견해서 참조했다. 아직 스유에서 사용하는 propertyWrapper가 어색하다면 아래 포스팅을 참고하는 걸 추천! --- propertyWrapper 글 작업 중             1. 섹션 상태를 섹션 이름으로 구별해서 folding 기능을 토글처럼 값을 관찰하는 ObservableObject를 만든다. import S..

Topic: - pre/next 버튼으로 이미지 슬라이더 작동- 이미지 슬라이더- tapGesture로 버튼 숨기기 및 드러내기- 인덱스 넘버에 따라 첫번째와 마지막 인덱스 일 때 next 또는 pre 버튼 숨기기  접근: - 이미지 슬라이드에 들어올 이미지 배열을 만들어서 tabView와 forEach를 활용해야겠다고 생각했다.// 테스트용 이미지배열 private var images: [String] = [ "image1", "image2", "image3", "image4" ] 테스트용으로 넣어둔 이미지로 확인할 예정이라, 이미지 배열은 UIKit과 똑같이 만들었다.      - tabView를 써서 슬라이드를 만들었는데, 이미지 개수에 ..