KDT 채팅모듈

설명

K-Digital Credit 콘텐츠를 위한 채팅모듈

사용스택

React / Typescript / Mobx / Emotion / ReactQuery / SwaggerTypescriptApi / openai /sockjs / stompjs / Rollup / Parcel / concurrently

구현기능

• Rollup 으로 리액트 컴포넌트 빌드
• Parcel로 개발서버 구축
• concurrently로 하나의 명령어로 모듈 자동빌드 및 개발서버 동시실행 적용

개발기간

2023.05 ~ 진행중

후기

KDT 프로젝트에서 만들었던 채팅을 따로 모듈화 하여 KDC 컨텐츠 파일에 이식하는 프로젝트 입니다.

라이브러리화는 처음 해보는 작업였기에 해당 프로젝트를 하며 많은 시행착오를 겪었습니다, 개발서버를 위한 parcel , 번들링을 위한 rollup 을 처음 사용해 보았습니다.

초기에는 Rollup으로만 번들링을 하고, 개발서버로 테스트를 하려고 했지만 경험과 지식의 부족으로 그러지 못하고 번들러를 두개 사용하여 하나는 라이브러리를 위한 번들러, 하나는 개발서버를 위한 번들러 두개로 나누었습니다.

일정상 iframe으로 먼저 대체하였지만, 추후에는 라이브러리화 할 예정이며 , 후일에 라이브러리 제작할 때 큰 도움이 될 것이라 생각합니다.