DM Log

서론 모노레포(Monorepo) 환경의 핵심은 공용 패키지를 통한 중복 제거AI 프로젝트가 확장될수록 PDF, Word, Excel 등 각 앱마다 공통 UI, 스타일, 유틸 함수가 반복되기 쉬운데, 이를 효율적으로 관리하기 위해 packages/ 디렉토리를 구성packages/ui, packages/styles, packages/utils 구조 설계 정리각 앱에서 import하여 재사용하는 방법으로 사용프로젝트 디렉토리 구조frontend/ ├─ apps/ │ └─ pdf/ │ ├─ src/ │ │ ├─ App.tsx │ │ ├─ main.tsx │ │ ├─ components/ │ │ │ └─ PdfUploader.tsx │ ..

환경 설정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/ ..

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

monorepo sub 프로젝트 시스템 구축개요서브 프로젝트를 Mono Repo 구조 (pnpm + turbo + vite) 로 개발하고 라우터를 통해 관리할 수 있는 시스템을 구축하기 위한 프로젝트이다.주의사항monorepo 관련 내용을 학습하여 다양한 서브 프로젝트를 라우터를 통해 한번에 build하여 볼 수 있는 구조를 구축스스로 학습하여 생각한 구조로 잘못된 구조일 수도 있음 (댓글을 통해 구조의 문제점을 공유해주시면 감사하겠습니다^^)학습을 통해 만들어진 과정이므로 중간에 생략된 과정 및 오류가 있을 수 있으며, 오류 발생 시 문의 바람Mono Repo를 통해 프로젝트를 구성한 이유다양한 프로젝트를 한번의 빌드를 통해 확인 가능 (라우팅 경로를 이동하여 프로젝트를 확인 가능)라이브러리 패키지 등..

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