목록chatGPT (21)

박주니 개발 정리

react에서 datatable 사용 방법

1. npm install datatables.net-dt/css/jquery.dataTables.css datatables.net 를 합니다. 2. 업로드한 코드를 복사해서 이용합니다. 전체 코드 import React, { useEffect, useRef, useState } from "react"; import $ from "jquery"; import "datatables.net-dt/css/jquery.dataTables.css"; import "datatables.net"; import axios from "axios"; const MyDataTable = () => { const tableRef = useRef(null); const dataTableRef = useRef(null); con..
react 2023. 6. 28. 16:05
react에서 chartjs를 이용해서 bar chart 사용 방법

1. npm install chart.js를 합니다. 2. 제공하는 코드를 사용합니다. chartjs의 구성에 맞춰서 넣은 것이기 때문에 기본폼이라고 생각하고 복사해서 붙여놓으시면 됩니다. import React, { useEffect, useRef } from "react"; import { Chart, registerables } from "chart.js"; const BarChart = () => { const chartRef = useRef(null); let chartInstance = null; useEffect(() => { const ctx = chartRef.current.getContext("2d"); const createChart = () => { Chart.register(.....
react 2023. 6. 28. 15:31
실시간 시세 matic으로 전환 방법

설명 이유 nft 마켓을 만들다보면 판매하는 방법이 현금으로 판매할 수도 있고 해당되는 가상화폐로 판매할 수도 있습니다. 가상화폐 시세는 유동적이기 때문에 고정값으로 할 수 없기에 해결하는 방법을 알려드리고자 합니다. 1. 현재 시세로 가상화폐 전환하는 것을 도와주는 Coingecko API를 이용합니다. 참고 https://www.coingecko.com/en/api/documentation 접속합니다. Crypto API Documentation | CoinGecko Power your application with our free & independently sourced crypto data such as live prices, trading volume, exchange volumes, trad..
블록체인 2023. 6. 3. 14:52
촬영한 영상을 ai 기술을 활용해서 만화로 만들어보기

요즘 인공지능 활용한 사례 관련해서 유튜브에 검색을 하다보니 ai 기술을 활용해서 동영상을 만화로 만드는 쇼츠를 보고 직접 시도해봤습니다. 영상에서는 어떻게 올리는 지는 나와있지 않아서 직접 만들어보니 이유는 만드는 것이 매우 간단하기 때문입니다. 먼저 chatGPT를 통해서 runway 사이트에서 만화로 만들려고하는 데 어떻게 해야하는 지 질문을 해봤습니다. 특이사항) 2번에서 dall-e 2 - Cartoonify 모델을 선택하라고 했는데 따로 보이지 않아서 chatGPT에 다시 물어보니 runwayml에 접속해서 clip draw 모델을 선택하라는 답변을 받았습니다. 그래서 다시 진행을 했지만 clip draw가 안보여서 다시 chatGPT한테 물어보니 결국에는 제가 원하는 runway에서 cart..
개발 외 활용 2023. 4. 7. 11:15
이전 Prev 1 2 3 4 5 6 Next 다음