일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- algorighm
- 파이썬
- summerwintercoding
- 완전탐색
- 롤케이크 자르기
- Algorithm
- configfile
- 42587
- React
- queue
- set활용
- frontend
- 코딩테스트
- algorhtim
- pymodbus
- modbus
- typescript
- 1844
- 개발브로그
- Stack
- 프로그래머스
- python
- javascirpt
- dfs
- 알고리즘
- PCCP
- InfluxDB
- Two Pointer
- javascript
- 좌표이동
- Today
- Total
목록React (3)
DM Log

[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개발 진행 방향(개발 진행 방향은 아래의 내용을 기반으로 개발을 진행..