3은로그

FFmpeg란? 마이클 니더마이어(Michael Niedermayer)의 주도하에 개발되고 있는 모든 동영상, 음악, 사진 포맷들의 디코딩과 인코딩을 목표로 만들어지고 있는 오픈 소스 프로젝트 1. 썸네일 생성을 위한 Dependency 다운 받기 1) 터미널에서 brew install ffmpeg fluent-ffmpeg를 다운 받기 위한 필수 조건 2) 터미널에서 npm install fluent-ffmpeg 2. 서버에 저장된 비디오를 이용한 썸네일 생성 및 저장 const ffmpeg = require("fluent-ffmpeg"); router.post('/thumbnail', (req, res) => { //썸네일 생성 하고 비디오 러닝타임도 가져오기 let filePath = "" let f..

목표 DOM 요소에 접근할 수 있는 useRef를 이용해서 정상적으로 입력되지 않았다면 강제적으로 focus 하는 기능 구현 ● 작성자가 1글자 이하이면 작성자 입력창 focus ● 내용 부분이 5글자 이하이면 내용 입력창 focus 기능구현 useRef를 사용해서 이 기능을 구현할 수 있다. 1. 먼저 import 한다. 2. useRef를 호출해서 반환값을 authorInput, contentInput 상수에 담는다. authorInput, contentInput 상수에는 React.MutableRefObject가 저장된다. MutableRefObject는 HTML DOM 요소에 접근할 수 있도록 해준다. 3. input 태그와 textarea 태그에 각각 ref = {authorInput}, ref..