ViTE

    [NPM 배포] SpeechBubble 배포하기 (1)
    자유글

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

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

    [docker] vite 배포하면서 겪었던 시행착오
    자유글

    [docker] vite 배포하면서 겪었던 시행착오

    docker 란?도커는 컨테이너 기반 가상화 플랫폼으로 응용 프로그램과 그 종속성을 격리된 환경인 컨테이너로 패키징하여 실행하는 기술입니다.도커 컨테이너는 가볍고 빠르며 확장성이 좋아서 개발 및 배포 프로세스를 간소화하는 데 사용된다고 합니다.따라서..docker를 사용해서 ec2에 배포하는 것이 목표인데요ec2에 배포하기 전 연습을 위해 로컬에 docker를 사용해서 service 프로젝트 배포했어요 현재 모노레포 디렉토리는 위와 같은 구조로 되어 있습니다.현재 service 는 vite를 사용해서 빌드하고 있고 yarn berry를 사용해 개발하고 있습니다.지금부터 만났던 에러들과 배포하는데 힘들었던 내용을 정리하고자 합니다.본 글은 로컬 배포일때의 겪었던 문제들을 적은 것임을 알립니다. 🔥 첫번째..

티스토리툴바