말풍선을 어떻게 만들지? scope프로젝트에서는 테스트진행 페이지에 진행도를 나타내는 프로그래스바가 있었고 그 상태게이지 상단에 말풍선모양의 디자인을 구현해야하는 와이어 프레임을 전달 받았다. svg형태로 가져다 쓰면 편하겠지만 css로 만들어 보고싶었다. border-width, ::before, ::after 이 3가지가 핵심 - border-width : top, right,bottom, left 순서로 적용 - ::before는 중심컨텐츠앞 ::after는 뒤에 배치 const ArrowBubble = styled.div` position: relative; width: 100%; height: 25px; padding: 0 5px; background: #f1f9ff; /* -webkit-bor..
