본문 바로가기

Beat

(2)
🆘삐용삐용 이슈 -Vertical trim🆘 안녕하세요. 디자인팀 전희주입니다. 앞으로 비트가 탄생하는 동안의 디자인 이야기를 들려드릴 예정이에요.오늘은 Vertical trim 이슈에 대응한 이야기를 들려드리겠습니다. (이야기 보따리가 많이 준비되어 있으니 기대해 주세요.)   스타일과 컴포넌트를 제대로 사용했음에도 불구하고 디자인 시안과 개발단에서 구현한 디자인이 달랐어요. (삐용-삐용- 비상!!)텍스트들의 행간이 디자인 시안보다 넓게 개발되었는데, 폰트 스타일을 지정하는 과정에서 Vertical trim 옵션을 standard가 아닌 cap height to baseline으로 지정한 것이 문제였습니다. ​cap height to baseline 속성은 다음과 같은 이유로 존재합니다. ​글자는 고유하게 가지는 공간이 있는데요, 텍스트 고유의 ..
비트에서의 React-query 사용해보기! 안녕하세요! WEB 정도영입니다.저는 '간편하게 소규모 공연을 등록하고, 관리할 수 있는 티켓 예매 플랫폼'인 비트를 개발하고 있습니다!  저는 비트라는 서비스를 통해서 일상 생활 속의 불편함을 해결하고, 더 나아가 많은 문제들을 해결하고 싶습니다. 또한, 이 서비스를 통해서 사용자를 만나고, 불편함을 개선하는 과정을 기록하려고 합니다! 저는 이번 프로젝트를 통해서 React-query 의 캐싱에 대해서 많이 배우게 되었는데요! 예전에 velog에 React-Query와 관련된 아티클을 쓸 때에는 조금 이론적으로 많이 알게 되고, 간단한 실습도 진행하였는데, 프로젝트를 통해서 실제로 사용하는 경험은 저도 처음이었습니다! 그리고, 저는 리액트 쿼리를 정말 이해하는데 많은 시간이 걸렸는데요,,, 처음에는 왜..