리유저블 코드

사이드 프로젝트를 하면서 채팅 뷰를 만드는 중인데 onTapGesture 가 동작하지 않는 이슈가 있었다. 그런데 이게 어떨때는 되고, 어떨때는 안되고, 여러 메시지들 중 안되는 것도 랜덤이고 .. 도무지 파악하기가 어려웠다.  뷰 구조는 이러했다. Vstack - List - VStack - HStack - ZStack 인데, 가장 하위에 있는 ZStack 의 TapGesture 가 말썽이였다. 뭔가 상위 혹은 다른 뷰에서 제스처를 뺏어가는 느낌이긴 한데, 그럴만한 것은 List 밖에 존재하지 않아서 버그인가? 싶었다.위 gif 에서는 가운데 카드가 탭이 안되지만, 이게 골치아픈게 빌드할 때 마다 안되는 것들이 달랐다. 몇일동안 이것저것 많은 시도를 해봤지만, 상위의 List 에 있는 스크롤 제스처로 ..

약 두달정도 사이드 프로젝트 팀 'WEAVE'에 들어가 열심히 프로젝트를 진행했다. 프로젝트 진행 중 예상치 못하게 그라데이션에서 고민했던 부분이 있어서 글로 남겨보려고 한다. 디자인 요구사항은 이러했다. 그라데이션이 이어지는 형태의 Stepper 다. 하지만 저 디자인을 코드로 옮기려니 그라데이션 부분에서 쉽지 않았다. 일단 Setpper 를 구현해보자. Stepper 구현 public struct WeaveStepper: View { let maxStepCount: Int let currentStep: Int public init( maxStepCount: Int, currentStep: Int ) { self.maxStepCount = maxStepCount self.currentStep = cur..