DM Log

환경 설정1. 사용 버전Node.js: v22.17.1Python: 3.13.7Python은 가상환경(venv)을 사용해 프로젝트별 독립 환경을 구성할 예정이고, Node.js는 Vite + React 기반 프론트엔드 빌드2. 프로젝트 구조 설계모노레포(Monorepo) 방식을 채택하여 AI 모듈을 독립된 앱으로 구성하고, 공통 패키지를 공유하여 유지보수성을 높일 예정ai-projects/ ├─ frontend/ # 프론트엔드 (Turborepo 관리) │ ├─ apps/ # 개별 프론트엔드 프로젝트 │ │ ├─ pdf/ # PDF 전용 프론트 (/pdf) │ │ └─ ... │ ├─ packages/ ..

데이터 플랫폼 개발 프로젝트개요사용자가 원하는 다양한 대시보드 / 데이터 소스를 간편하게 연동하고, 데이터를 웹 기반의 직관적 화면에서 자유롭게 시각화 할 수 있는 데이터 플랫폼을 구축하는 것을 목표로 합니다.기존의 데이터 시각화 플랫폼의 경우 많은 기능으로 인해 무겁고 복잡하다고 생각되어, 데이터 플랫폼에 필수적인 핵심 기능(Core)만을 최소화하여 제공하고, 직접 원하는 기능만 선택적으로 추가 및 빌드가 가능하도록 진행할 예정입니다.가볍고 빠르면서 자신만의 요구사항에 부합하는 데이터 모니터링 환경 구축이 가능하도록 하는 것이 목표 입니다.목표 사용자 중심의 유연하고 가벼운 데이터 시각화 플랫폼가벼운 플랫폼필수 기능만 최소화한 Core로 제공하여, 사용자가 원하는 추가 기능만 선택적으로 포함하여 빠르고..

[frontend] Dummy Data를 통한 재생 화면 구성개요영상 파일 재생 화면 개발 프로젝트의 Dummy 영상 데이터를 제작하고 화면을 구성하고 컴포넌트를 개발을 진행하였다.진행 내용public에 영상 파일 저장하고 해당 경로를 저장하는 json 파일 생성 (더미 데이터 생성)VideoView 화면(VideoTable & VideoPlayer)를 제작VideoTable의 파일명 클릭 시 VideoPlayer에 public에 있는 해당 영상 파일 재생 기능VideoViewVideoTable와 VideoPlayer를 보여주는 화면선택된 비디오의 상태 값과 선택 값을 관리하기 위해 제작import { useEffect, useState } from 'react'import { dummyVideos, V..

영상 파일 재생 화면 개발 프로젝트 기획개요원격 접속(RDP) 접속 시 사용자가 작업한 내용을 녹화하고 특정 시간에 웹서버로 녹화 파일을 전송하여 웹 서버에서 녹화 파일을 재생하는 기능을 구현하기 위한 화면 개발 단계이다. 따라서 해당 PJT는 웹서버에 저장된 영상 파일을 재생하는 화면 개발하는 PJT이다.주의사항녹화된 원격 접속(RDP)가 일어난 서버의 영상은 웹이 실행되고 있는 서버로 파일이 옮겨져 있다고 가정 영상 녹화가 완료 될 때 DB에 녹화 영상에 대한 정보를 저장하였다고 가정웹 서버에 이동된 녹화 영상을 재생하는 화면을 개발하는 것이 목적개발 환경Python / Flask / TypeScript / React / SQLite개발 진행 방향(개발 진행 방향은 아래의 내용을 기반으로 개발을 진행..

- JEST 란?자바스크립트(타입스크립트)에서 인기 있는 테스트 프레임워크이자 테스트 러너로 목 객체와 코드 커버리지 수집을 갖춘 메타의 오픈소스테스트 작성 및 실행 : 다양한 방식으로 코드 동작을 확인하는 테스트 작성 가능목  객체 지원 : 외부 의존성을 모방하여 테스트코드 커버리지 : 테스트가 코드의 어느 부분을 검증했는지 분석유연하고 직관적인  API : 쉽게 작성 가능한 문법 제공 - JEST 세팅프로젝트 초기화node.js 패키지 모듈 의존성 버전 관리를 위해  package.json 파일 생성npm init -yJest 설치와 TypeScript 설치npm install --save-dev jest ts-jest @types/jest typescriptTypeScript 설정 (선택)TypeS..