(주)스마트M2M

남부발전 LLM

2024.03 ~ 진행중|프론트엔드 개발 (AI팀 + BackEnd 1명 + FrontEnd 1명)

기술 스택

ReactViteTypeScript@tanstack/react-queryzustandTailwindCSSDockerSSE

프로젝트 소개

LLM 모델을 사용하여 남부발전에 대한 정보와 문서를 만들어주는 생성형 AI 프론트엔드를 개발했습니다. Markdown Preview로 SSE 데이터를 실시간 출력하여 GPT와 유사한 동작을 구현하였으며, AI Chat·문서 초안작성·코드 작성 지원·문서요약 및 질의응답·데이터 분석·이미지 생성 등 다양한 기능을 제공합니다.

상세 내용

LLM 모델을 사용하여 남부발전에 대한 정보와 문서를 만들어주는 생성형 AI Front-End 작업을 진행했습니다. Markdown Preview로 SSE 데이터를 전달받았을 때 해당 화면에 출력하여 GPT와 유사한 동작을 구현하였습니다. 주요 기능: AI Chat, 문서 초안작성, 코드 작성 지원, 문서요약 및 질의응답, 데이터 분석, 이미지 생성

담당 기능 (FrontEnd)

- 화면 제작 (반응형 디자인 + 부분 애니메이션 구현) - BackEnd 연계작업 진행 - 생성되는 글자를 지속해서 읽어오기 위해 SSE fetch hooks 제작 - 타이핑 기능 구현