공부 및 일상기록

최근 진행하는 사이드프로젝트에서 서버에서 약 20초나 걸리는 무거운 요청을 SSE를 통해 프론트에서 현 상태를 이벤트로 받아볼 수 있도록 구현해뒀었다. 그런데 팀원분께서 한 가지 문제점을 지적해주셨다. "새로고침하면 작업중이던 상태를 잃어버려서 진행중인지 아닌지 알 수 없어요!" 사실 저걸 고려해서 만들던게 있었는데.. 메모를 누락하는 바람에 구현을 안했었다. ㅎㅎ;; 그래서 오늘 그 문제를 해결했는데, 내 생각처럼 쉽게 해결되지 않아서 과정을 기록하려고 한다. 해결 방안새로고침하면 현 상태를 표현해주는 모달 UI가 사라지고 재연결이 안되는 것이다.그래서 단순히 생각해서 "그럼 다시 재연결을 시도해서 연결시켜두면 되겠다!" 라는 아이디어만 가지고 있었다. 그리하여 localstorage에 구독중인 job..

지난 포스팅에서 SSE를 적용한 계기와 적용하기 위한 과정, 그리고 서버쪽 코드에 대해 작성했었다.https://huirin.tistory.com/264 [Express.js] 무거워진 요청에 SSE를 적용해보자 (백엔드편)SSE를 적용하게된 계기최근 요약의정석이라는 요약 AI 학습 사이드 프로젝트를 진행하고있다.아주 대강 설명하면 내가 어떤 긴 글을 읽고 요약을 하면 요약을 잘 했는지, 뭘 잘 못했는지 피드백huirin.tistory.com위 글을 참고하면 알 수 있다. 이번엔 프론트엔드에서 적용하기 위한 과정을 작성해보겠다. 다시 회고하는 SSE를 적용한 계기요약의 정석이라는 사이드프로젝트에서 기존 기능이였던 "AI 분석 요청" 기능은 약 3~5초정도의 분석시간이 필요했고, 그래서 따로 Falling..

SSE를 적용하게된 계기최근 요약의정석이라는 요약 AI 학습 사이드 프로젝트를 진행하고있다.아주 대강 설명하면 내가 어떤 긴 글을 읽고 요약을 하면 요약을 잘 했는지, 뭘 잘 못했는지 피드백을 받는 형태이다. 프로젝트는 거의 완성되어가는데 핵심인 요약을 잘했는지 분석하는 부분이 생각보다 부정확하다는 팀원의 의견이 있어 확인해보니 그 정도가 너무 심했다. 그래서 우리는 프롬프트도 여러차례 수정해보고, 단계를 쪼개서 세밀하게 제어도 해봤지만 미미한 효과뿐이었고, 결국 LLM모델을 한 단계 좋은것으로 바꾸자 곧바로 우리가 원하던 퀄리티의 답변을 내놓는 것을 확인했다.. 문제는 이 모델의 응답 속도였다.우리가 기존에 사용하던 모델은 lite모델로 응답속도가 굉장히 빨랐지만, 일반 모델은 응답속도가 약 5배는 느..