오늘은 Reactjs 환경에서 Dify 챗봇을 임베디드 하는 방법을 적어보겠다!나중에 기회가 되면 Dify 챗봇 만드는 방법도 올려볼까 한다. 일단 내가 원했던건 로그인 후 Dify 챗봇이 나오고, 챗봇에는 로그인한 사용자 정보가 전달되길 바랬다.(유동적으로 연동되야했다) 그래서 Dify 공식에서 알려준 방식을 활용해 컴포넌트화 했다.Dify 공식에서는 iframe 방식과 javascript 방식을 알려주는데,javascript을 index.html에 넣으면 유동적으로 사용자 정보를 못 갖고 오기 때문에, javascript 소스를 참고해서 조금 변형을 해줬다. 소스는 간단하다. 나는 DifyChatbot이란 이름으로 컴포넌트를 정의해줬고, 로그인 후 메인 페이지에 컴포넌트를 선언해줬다.import {u..
오래전에 NodeJS 환경에서 엑셀에 차트 포함시키는 방법에 대해서 포스팅을 올린적이 있었다. 오랜만에 블로그에 들어와보니 기대이상의 조회수가 나와서(정말 기록용있었는데..) 나와 같은 고민을 하는 사람들이 있나 싶어 이번에는 조금 구체적인 내용으로 정리를 해보려고 한다. 1. 개요 - NodeJS에서 엑셀을 만드는 건 가능! - xlsx-chart 모듈로 차트를 만드는 것도 가능! - 그러나 Raw 데이터랑 같은 파일에 차트를 만드는건 불가능,,, (보고서 만드는 용이면 당연히 차트랑 테이블이 같이 있어야되는거 아니예요? 왜 차트만 또르륵 나오는지 노이해) 2. 본론 내가 한 방법은 한 마디로 정리하면, "구글 API로 구글 드라이브에 엑셀 파일 하나 만들고, Raw데이터만 있는 시트를 만들고, 그 시..
이제는 EC2 번식에서 Docker Container 번식으로 넘어갈 시기가 되니 매번 사용했던 패턴들을 추억으로 남기기 위해 작성한다. 1. 우분투에 nginx 설치하고 링크 파일 심볼릭 걸기 sudo apt-get install nginx nginx -v // 센스챙기기 cd /etc/nginx/sites-available sudo rm default // 하나하나 지우는게 싫어서 없애고 새로 만들기 sudo vi xxx.conf cd /etc/nginx/sites-enabled // 심볼릭 sudo ln -s /etc/nginx/sites-available/xxx.conf /etc/nginx/sites-enabled/ sudo service nginx restart // xxx.conf server..
회사에서 Dark Sky 서비스를 이용하다가 서비스 종료 된다는 사실을 알게됐다. 백엔드 엔지니어 동료분이 기상청 API로 새벽까지 수정해서 작업해주셨는데, 화면에서 총 16개 지역의 최저, 최고 기온을 알려줘야하다보니 백단에서 기상청 API을 16번 호출해야한다. 그러다보니 약 8초정도 되는 어마어마한 대기시간을 그냥 둘 수가 없어서 express 서버 하나 만들어 소캣 통신도 되고, Redis Cache도 사용할 수 있도록 CRA 구조에 추가했다. (소캣은 모든 브라우저에서 애니메이션 일시 중지를 해야되는 요건때문에 추가했다.) 1. 로컬(서버)에 Redis Server 설치, 서비스 시작하기 brew install redis brew services start redis 2. script 추가하기 ..
