전체 글
-
React로 CLOVA X 클론코딩하기Front-End/react 2024. 10. 27. 23:50
CLOVA X, ChatGPT 같은 생성형 AI 기반 채팅 서비스는 어떻게 만드는 걸까요? 랭체인, 라마인덱스 등 생성형 AI 개발을 위한 백엔드 프레임워크들은 다양한 방식으로 많이 쏟아져 나오고 있는데 정작 UI/UX나 프론트엔드 쪽으로는 생성형 AI 관련 아티클들을 많이 못 본 것 같아 아쉬움이 많습니다. 사실 CLOVA X같이 AI 답변 결과가 스트리밍 형식으로 렌더링 되는 UI를 구현하려면 프론트엔드도 신경 써야 할 부분이 생각보다 많은데요. 이번 포스팅에서는 React를 사용하여 CLOVA X 같은 생성형 AI 기반 채팅 서비스는 어떻게 만들 수 있는지에 대해 공유드리도록 하겠습니다. 🧑🏻🎨 UI 모델링먼저 서비스를 개발하기 전에는 UI모델링을 어떻게 가져가면 좋을지 설계하는 것이 가장..
-
랭체인v0.3 하이퍼클로바x 연동하기AI/HyperCLOVAX 2024. 10. 13. 20:40
AI 업계에서 일하고 계신 분들이라면 랭체인(LangChain)이라는 단어가 낯설지 않을 텐데요. 요즘은 개발자부터 MLOps 엔지니어까지 여러 다양한 직군의 채용공고만 보아도 랭체인이라는 단어가 심심치 않게 등장하고 있습니다. 그만큼 랭체인은 AI 서비스를 개발하는 데 있어 중요한 프레임워크로 빠르게 자리 잡아가고 있는 것 같습니다. 랭체인의 장점은 모듈화 된 구조로 인해 모델과 프롬프트를 자유자재로 교체해서 사용할 수 있다는 점과 배치 처리, 비동기호출 같은 다양한 함수들을 활용하여 답변을 생성할 수 있기 때문에 백엔드 개발에 필요한 여러 많은 작업들을 최소화시켜준다는 점입니다. 특히, 많은 사람들이 사용하고 있는 클로드나 GPT 같은 저명한 오픈소스 모델 연동 모듈은 랭체인 커뮤니티에서 써드파티 라..
-
테크포임팩트 랩짱에 도전하다독서 및 기타 활동 2024. 9. 16. 21:23
최근에 모두의연구소에서 풀잎스쿨 퍼실이 활동을 마치고 난 후 앞으로 어떤 활동을 하면 좋을지 고민하던 찰나에 풀잎스쿨 가드너(커뮤니티 도우미)님으로부터 테크포임팩트 랩짱에 지원해 보는 것을 추천받았습니다. 마침 새로운 사이드 활동을 찾고 있었기에 테크포임팩트를 유심히 살펴보던 도중 이번 하반기에 열리는 프로젝트들 중 평소에 관심 있던 기술로 진행되는 프로젝트 중 하나인 ‘ AI 챗봇으로 데이터 기반 의사결정 돕기’를 우연히 발견하게 되었는데요. 마침 Text-to-SQL에 관심을 갖고 있었고 챗봇 업계에 들어선지도 벌써 4년이 넘었기에 슬슬 내가 가진 기술로 얼마나 영향력을 끼칠 수 있을지 도전해보고 싶은 마음이 있어서 이번 기회에 경험해 보고자 망설임 없이 신청을 결심했습니다. 그 결과 저의 열정을 좋..
-
모두의연구소 풀잎스쿨 퍼실이 활동 후기독서 및 기타 활동 2024. 8. 15. 19:37
최근 모두의연구소에서 주관하는 풀잎스쿨이라는 프로그램에 참여해 평소 공부해보고 싶은 주제로 스터디를 개설하고 스터디원들을 모집하여 약 두 달가량 스터디를 진행해 보았는데요. 마침 얼마 전에 스터디를 완주하여 이번 포스팅에서는 풀잎스쿨에서 퍼실이로 활동하면서 느낀 점과 후기를 들려드리도록 하겠습니다. 🏃🏻♂️🏃🏻♀️ 🤔풀잎스쿨, 퍼실이란?풀잎스쿨과 퍼실이에 대해 잘 모르시는 분들이 계시다면 무엇일지 궁금하실 것 같은데요. 먼저 풀잎스쿨에 대해 설명드리자면 풀잎스쿨은 플립 러닝(Flipped learning) 기반의 스터디 모임입니다. 플립 러닝 방식은 일반적으로 수업을 듣고 복습하는 학교, 학원 같은 공부 방식과는 반대되는 개념으로 같은 주제로 미리 개인적으로 찾아보고 공부해 와서 모임에서 ..
-
Streamlit 챗봇 외부접속 가능하도록 배포하기 - 네이버클라우드 활용Infra/ncloud 2024. 8. 12. 00:56
요즘 AI 업계에서 많은 사랑을 받고 있는 프로토타입 제작 도구인 Streamlit을 사용하면 간단한 파이썬 코드만으로도 누구나 빠르고 쉽게 앱을 제작할 수가 있습니다. 이 Streamlit으로 제작한 앱을 외부에 공개해서 나뿐만 아니라 누구나 볼 수 있도록 만들려면 어떻게 해야 될까요? 이번 포스팅에는 네이버클라우드를 활용해서 Streamlit으로 만든 앱을 외부에서 접속가능하도록 배포하는 방법에 대해 알아보도록 하겠습니다. 🤔 Streamlit이란?Streamlit은 데이터를 시각화하거나 대화형 애플리케이션(챗봇) 개발을 쉽고 효율적으로 배포할 수 있는 프레임워크로 데이터 사이언티스트와 머신러닝 엔지니어들을 위한 프로토타입 제작도구입니다. Streamlit은 다음과 같은 구조로 패키징 되어 있습니..
-
HyperCLOVA X로 나만의 캐릭터 챗봇 만들기: LLM 활용부터 데이터셋 자동화까지AI/HyperCLOVAX 2024. 7. 17. 23:30
요즘 AI가 워낙 핫 해지면서 여러 다양한 캐릭터 또는 유명 연예인들의 가치관, 성격, 말투까지 모두 따라 하게 만드는 챗봇들을 직접 만들어보는 시도들이 점차 늘어나고 있는데요. 어떻게 이렇게 단 시간 안에 수많은 캐릭터 챗봇들이 쏟아져 나올 수 있게 되었을까요? 그 이유는 바로 LLM(Large Language Model) 이 등장했기 때문입니다. 이전에는 챗봇을 만들려면 직접 질문과 답변을 다 대 다로 매핑해서 일일이 데이터베이스에 저장해놓아야 했기 때문에 굉장히 많은 시간과 비용이 들었지만 이제는 적은 데이터 만으로도 모델 학습을 통해 단 시간 안에 실제 캐릭터가 답변하는 듯한 느낌을 줄 수 있는 챗봇을 만들 수 있게 되었습니다. 적은 데이터만으로도 캐릭터 챗봇을 만들 수 있게 된 이유는 LLM에..
-
해커톤에서 사용할 수 있는 다양한 프론트엔드(react, next) 빌드 및 배포 방법Front-End 2024. 6. 29. 16:50
지금까지 해커톤 및 사이드 프로젝트를 진행하면서 여러 방법으로 React와 Next를 빌드하고 배포하다 보니 한 번쯤은 정리해보고 싶어서 이번 포스팅에서는 저만의 프론트엔드 빌드 및 배포 노하우를 공유드리고자 합니다. 1. React 빌드 및 배포먼저 옛날에 가장 많이 사랑받았던 React 빌드 및 배포 방법에 대해 설명드리겠습니다. 불과 3~4년 전만 해도 React 공식가이드 문서에서 튜토리얼로 활용되었으며 아마 여러분들에게 가장 친숙할 거라 생각되는 create-react-app이라는 명칭의 React 부트스트랩(이하 CRA) 그리고 CRA에 내장된 기본 템플릿을 활용해서 빌드하는 방법입니다. 🐣 프로젝트 initnpm install -g create-react-appcreate-react-app..
-
Cursor IDE 동작원리 및 설치, 사용방법AI 2024. 6. 11. 22:46
제가 코딩할 때 주로 쓰는 IDE는 IntelliJ와 VS Code인데요. 최근에는 이 에디터들만큼 자주 사용하는 도구가 하나 더 추가되었는데 바로 AI 기반 에디터인 Cursor입니다. 이전에는 AI를 활용해서 코드를 짠다고 하면 주로 ChatGPT에게 물어봐서 더 효율적인 함수를 찾거나, 기억이 잘 나지 않는 라이브러리를 찾거나 부트스트랩, 테일윈드 같은 css 프레임워크의 클래스명을 물어보는 용도로만 활용했었는데요. 사실 ChatGPT만 사용해도 업무 효율이 엄청나기 때문에 굳이 AI 에디터를 사용해야 될까?라는 의문을 갖고 있다가 이번에 마침 Cursor라는 에디터가 떠오르고 있어서 한번 직접 조사해 보고 사용해 보았는데 생각보다 만족감이 높았습니다. 그래서 이번에는 Cursor 사용경험에 대한 ..