목록분류 전체보기 (137)

박주니 개발 정리

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
react에서 chartjs를 이용해서 line chart 사용 방법

1. npm install chart.js 를 합니다. 2. 제공하는 코드를 사용합니다. chartjs의 구성에 맞춰서 넣은 것이기 때문에 기본폼이라고 생각하고 복사해서 붙여놓으시면 됩니다. import React, { useEffect, useRef } from "react"; import { Chart, LineController, CategoryScale, LinearScale, PointElement, LineElement, } from "chart.js"; const LineChart = () => { const chartRef = useRef(null); let chartInstance = null; useEffect(() => { const ctx = chartRef.current.getCo..
react 2023. 6. 28. 15:14
react에서 proxy 설정 방법

설명 이유 처음에 laravel로 진행할 때 nginx로 프론트와 백엔드 경로를 맞추다보니 프론트에서 proxy 설정을 하지 않아도 cors 에러가 발생하지 않았습니다. 그런데 spring를 서버로 해서 이미 설정된 host에 맞출려고할 때 생각처럼 되지 않았는데 그때 사용하는 것이 proxy라는 것을 알았습니다. proxy 는 일반적으로 서버와 클라이언트 사이에서 요청을 중개하고 수정하는 역할을 개념만 알았지 어떻게 이용되는 지는 잘 알지 못했지만 이번 계기로 정확하게 알게 되었습니다. 사용 방법 1. package.json에 proxy를 설정합니다. "proxy": "http://localhost:3001/" 설명 여기서 host 경로는 백엔드에서 값을 보내고 있는 host를 넣으시면 됩니다. 2. ..
react 2023. 6. 28. 14:31
laravel query문 최적화

설명 이유 코드를 최적화하지 않으면 불필요한 코드가 많아지고 코드가 길어져서 나중에 유지보수할 때도 해당 문제되는 코드를 찾는데 시간이 많이 소모되는 것을 보게 되었습니다. 확실히 이렇게 코드를 작성하니 코드가 몇백줄 넘어가는 것을 100줄 이내로 줄일 수 있었습니다. 참고 현재 설명은 laravel을 어느정도 이해하고 사용하고 있다는 기준에서 설명을 진행했습니다. 잘못된 방법 if($request->select == "title"){ $test = TEST::where([['user_id',1],[title, $request->value]])->get(); } else if($request->select == "description"){ $test = TEST::where([['user_id',1],[..
라라벨 2023. 6. 28. 10:17
이전 Prev 1 ··· 15 16 17 18 19 20 21 ··· 35 Next 다음