완드로이드

1. npm install vue bootstrap-vue bootstrap 명령어 입력 2. 아래 명령어를 작성해주면 끝import BootstrapVue3 from 'bootstrap-vue-3'import 'bootstrap/dist/css/bootstrap.css'import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'3. 이후 내가 필요한 라이브러리를 import 하여 사용하면 된다

1. path에 router 경로를 설정 해주고, component에 해당 router 요청이 들어오면 보여줄 화면의 경로를 component에 작성 해준다export default [ { path:"item/item1", name: "item1", meta: { pageTitle:.. }, component: () => import("../views/item/item1") }, { path:"item/item2", name: "item2", meta: { ..

1. clean 2. install  3. target 폴더에 jar 파일이 있는 걸 확인 할 수 있습니다. 4. 끝

import { useState, useRef, useEffect } from "react";import Panzoom from '@panzoom/panzoom';import io from 'socket.io-client';export default function RealTimeLocation({ FenceSettings, fenceSettingsView }) { const [cursorPosition, setCursorPosition] = useState({ x: 0, y: 0 }); const [panzoom, setPanzoom] = useState(null); const [locationData, setLocationData] = useState([]); const [fen..

1. 모든 포트 상태 확인netstat -ano 2. 특정 포트 확인 (예: 8401 포트)netstat -ano | findstr :8401 3.특정 포트를 사용 중인 프로세스 ID (PID) 찾기netstat -aon | findstr :8401 4. 특정 포트를 사용 중인 프로세스 강제 종료 (예: PID가 1234)taskkill /F /PID 1234

package com.example.rtls_back.service;import org.springframework.stereotype.Service;import org.springframework.beans.factory.annotation.Autowired;import java.io.IOException;import java.net.DatagramPacket;import java.net.DatagramSocket;import java.net.SocketException;import java.util.Arrays;import java.util.HashMap;import java.util.Map;import jakarta.annotation.PostConstruct;import jakarta.annota..

1. add# 개별적으로 추가svn add front/publicsvn add front/srcsvn add front/package.json# 여러 파일 한번에svn add front/{public,src,package.json}# 새로운 파일만 추가하려면svn add . --depth infinity# 모든 파일을 강제로 추가하려면svn add * --force 2. add 취소# 현재 디렉토리만svn revert .# 하위 디렉토리 포함 모든 변경사항 취소svn revert -R . 3. commit # 기본 커밋 명령어 (커밋 메시지 입력을 위한 에디터가 열림)svn commit# 또는 커밋 메시지를 직접 입력하는 방법 (-m 옵션 사용)svn commit -m "front: public, src..

1. Extensions에서 Spring Boot Extension Pack 설치2. ctrl + shift + p3. Create Maven Project // 여기서는 Maven 선택, 각자 선택하고자 하는 빌드 툴 선택하면 됩니다... 이후 차례대로 자기가 원하는 옵션 선택

server { listen 80; server_name localhost; # 기본 root 경로 설정 root "F:\프로젝트 모음\frontend\RTLS_front\front\build"; # static 폴더에 대한 별도 location 설정 location /static/ { alias "F:\프로젝트 모음\frontend\RTLS_front\front\build\static/"; try_files $uri =404; } # 기본 location 설정 location / { try_files $uri $uri/ /index.html; index index.html; } # m..

1. 기본 구조 {/* 진행바 트랙 (배경) */} {/* 실제 진행 상태 표시 */}  2. 진행률 계산 원리// 진행률 계산식const progress = (currentIndex / (data.length - 1)) * 100;// 예시:// currentIndex: 5// data.length: 11// progress = (5 / 10) * 100 = 50% 3. 클릭 위치 계산과 이동onClick={(e) => { const rect = e.currentTarget.getBoundingClientRect(); const barStart = 10; // padding-left 값 const barWidth = rect.width - 20; // 전체 너비 - (paddi..