Front-End/react
-
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모델링을 어떻게 가져가면 좋을지 설계하는 것이 가장..
-
React CDN과 create react app (CRA)중 어떤 방법이 더 좋은걸까?Front-End/react 2022. 8. 4. 00:45
React 사용방법에는 다음과 같이 크게 2가지 방식이 있습니다. node 와 빌드 도구를 설치한 개발환경을 세팅 하는 방법 (예 : CRA 사용) cdn을 사용해서 온라인에서 바로 라이브러리를 끌어오는 방법 방식이 2가지나 있으니 의문이 들것입니다. 과연 어떤 방식을 선택해야 되는걸까요?? 결론부터 말씀드리자면, 개발 및 시도에는 CDN이 좋고 실제 응용 프로그램의 경우 CRA 방식이 좋습니다. CDN방식의 경우 결국 URL을 사용하여 서버에 대한 요청을 보내기 때문에 여러 리소스를 로드하는 경우 전체 페이지가 로드될 때까지 약간 더 기다려야 될 수 있습니다.(렌더링 속도 이슈) 간단하게 보여주기식 또는 테스트용도로 사용하는 경우에는 빠르게 개발할 수 있다는 장점이 있지만 그래도 실제 응용 프로그램에 ..
-
React 개발에 왜 Node.js가 필요할까??Front-End/react 2021. 3. 6. 03:09
구글에 React를 검색하면 항상 Node.js가 붙어다니는 광경을 목격할 수 있습니다. React를 공부하면서 개발하기도 시간이 촉박한데 Node.js까지 공부를 해야하는지 의문이 많이 들 것입니다. 도대체 React랑 Node.js랑 무슨 관계가 있는 것일까요?? 결론부터 말하자면, React를 사용하기 위해 Node.js가 반드시 필요한 것은 아닙니다. 그럼에도 왜 항상 React 뒤에는 Node.js가 따라 붙는 것일까요? 그 이유는 Node.js가 React를 사용하기 더 쉽게 해주는 도구들을 내장하고 있는 오픈소스이자 JavaScript runtime environment이기 때문입니다. 더 자세하게 설명하자면 Node.js는 설치하는 경우 NPM(Node Package Manager)이 같이..