본문 바로가기

반응형

전체 글

(605)
랭체인을 이용한 챗봇 예제 출처 : 진짜챗GPT API 활용법 책에 있는 소스를 그대로 하면 경고가 많이 떨어져서 =ㅁ= 경고에있는 문구를 참고로해서 수정한 소스 입니다! 1. 윈도우에서 하면 벡터db용 텍스트도 utf-8 케릭터셋 관련 오류가 발생해서 wsl 를 이용해 우분투 환경해서 실행하면 잘됩니다! 2. 첨부된 requirement.txt 파일을 이용해서 필수 모듈을 설치하세요! python3 -m venv .venv . .venv/bin/activate pip install -r requirement.txt 3. 책에 있는 벡터소스용 txt 파일을 같은 위치에 둡니다. 4. 아래 파일을 실행하면 됩니다. import os from langchain_community.vectorstores import Chroma from..
llama2 셋팅 하기 AI모델중, 오픈소스로 최초! 공개된 Llama2. 로컬PC에 셋팅하는 방법을 공유 합니다! 1. 모델 받기 1.1 Meta 사이트에 요청해서 받기 Llama 2 (meta.com) Llama 2 Our latest version of Llama is now accessible to individuals, creators, researchers, and businesses of all sizes. llama.meta.com 메타사이트에 접속 후, 다운로드 모델을 클릭하면, 폼이 나옵니다. 적당하게 셋팅하고 전송을 하면 24시간 이내로 메일이 옵니다. 1번에 있는 링크로 리포지토리에 접속하고, 소스를 clone 으로 받고, 가이드에 나와있는것처럼 download.sh 를 실행해 줍니다! 저는 윈도우에서 실..
Mendix Widget 만들기 - 칸반보드 이번에는 위젯으로 칸반보드를 만드는 방법 입니다. https://medium.com/@joe.robertson_mx/build-widgets-in-mendix-with-react-part-3-kanban-2598aa71444d Build Widgets in Mendix with React Part 3 — Kanban Mendix is the number one low code platform, which allows makers to develop applications considerably faster than traditional coding. medium.com 1. 템플릿 작성 yo @mendix/widget kanban 옵션은 기본으로 하되, TypeScript 로 합니다! 2. Kanban...
Mendix Widget 만들기 - Timer 저번 위젯에 이은 두번째 튜토리얼의 따라하기 요약입니다! https://medium.com/mendix/build-widgets-in-mendix-with-react-part-2-timer-b65c720b34e3 Build Widgets in Mendix with React Part 2 — Timer Mendix enables Makers to extend their application using React through the Pluggable Widgets framework. medium.com 1. 프로젝트 생성 yo @mendix/widget Timer Timer.editorPreview.tsx 파일 삭제 tests/testProject 에 멘딕스 프로젝트 생성 2. 소스 수정 Timer.xml..
Mendix Widget 만들기 - Colour Counter 출처 https://medium.com/mendix/build-widgets-in-mendix-with-react-part-1-colour-counter-f1e400c3cdff Build widgets in Mendix with React — Part 1 — Colour Counter Mendix is a low code platform that lets makers deliver value faster and build applications easily. With Mendix the frontend can be… medium.com 해당 링크에 있는 내용을 따라하며 요약한 내용입니다~! 실행 환경 노드 버전 입니다~! node -v 18.17.1 1. Mendix 위젯 생성 관련 툴 설치 yeoman..
[TS]material-Icon 추가하여 사용하기 1. 패키지 설치 ( fontsource.org 사이트에서 지원글꼴 확인해서 설치 가능!) npm i @fontsource/material-icons 2. main.tsx 에서 import import '@fontsource/material-icons` 3. className 에 materail-icons 라고 쓰고 아이콘명을 innerHTML 에 써서 원하는 아이콘을 설정하여 사용 home !! 좀더 편하게 쓰기위해 컴포넌트 형태로 바꾸자!! /src/components/Icon.tsx import type { FC, DetailedHTMLProps, HTMLAttributes } from 'react'; type ReactSpanProps = DetailedHTMLProps; export type I..
[TS]타입스크립트 컴파일러 설치하기 npm i -g typescript ts-node 설치확인 tsc -v ts-node -v Typescript 연습할때 이용하자!
[TS]테일윈드 CSS 프로젝트 만들기 + 가짜데이터 생성기 1. 프로젝트 생성 npx create-react-app ch03_2 --template typescript 2. 패키지 설치 npm i -D postcss autoprefixer tailwindcss 3. 구성파일 생성 npx tailwindcss init -p 4. 패키지 추가설치 npm i -D daisyui @tailwindcss/line-clamp 5. 구성파일수정( tailwind.config.js) /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}" ], theme: { extend: {}, }, plugins: [require('@tailwindcss/line..

반응형