ㅍvi

    [NPM 배포] SpeechBubble 배포하기 (1)

    프로젝트를 할때마다 만나는 ui가 있습니다. 바로 말풍선입니다. 보기에는 상당히 구현하기 매우 쉬워보입니다. 하지만 문제는 저 위에 뾰족 나와있는 저 삼각형이 문제입니다. 저 삼각형을 구현하려면 일단 위치를 일일이 맞춰주어야 하죠. 항상 구현할 때 너무너무 귀찮았습니다. 따라서 이참에 한번 말풍선 라이브러리를 만들어보자! 라는 생각이 들었고 그 배포기를 블로그에 적어보려합니다.1. 프로젝트 설정이번 프로젝트는 번들링 사이즈 개선을 위해서 pnpm과 vite를 사용해서 배포하려고 합니다.일단 vite 프로젝트를 만들어줍니다.React 와 TypeScript를 사용하겠습니다. 2. 컴포넌트 생성필요 없는 파일은 다 지우고 말풍선에 필요한 Pointer 컴포넌트들을 만들었습니다. (Public도 함께 삭제해줍..