모든 일에 의문을 제기하고 그 의문을 해결하기 위해 지식을 구하고 공부

https://nearform.github.io/react-animation/

react-fade-in (fade in 효과) -설치 : npm install react-fade-in -사용 import FadeIn from 'react-fade-in'; // ... Element 1 Element 2 Element 3 Element 4 Element 5 Element 6 -props : delay, transitionDuration, className 등.. https://www.npmjs.com/package/react-fade-in react-fade (fade in & out 효과) Fade 사용 시 Can't resolve 'inline-style-prefixer' in ... 라는 에러가 발생함. -> inline-style-prefixer 라이브러리를 다운하는 시도를 ..

import * as React from "react"; import * as ReactDOM from "react-dom"; import EasingAnimation from "../../../src"; // Bar component (wrapped component) interface IBarProps { currentValue: number; } class Bar extends React.Component { public static defaultProps: IBarProps = { currentValue: 0, }; public render() { const { currentValue } = this.props; const rounded = Math.round(currentValue); const..

1. react-slick 설치 : npm install react-slick --save 2. 홈페이지에서 Example을 참고한다. 3. hooks 형 예시 import React from "react"; import Slider from "react-slick"; function Visual() { const settings = { dots: true, infinite: true, speed: 500, slidesToShow: 1, slidesToScroll: 1 }; return ( Single Item 1 2 3 ); } 참고사이트 : react-slick 홈페이지 https://react-slick.neostack.com/docs/get-started/

1. jquery 설치하기 : npm install jquery --save 2. jquery import 하기 1) import $ from 'jquery' 2) import jQuery from 'jquery' 3) import { $, jQuery } from 'jquery' : $ or jQuery 중 jquery문에 사용된 것이 있으면 해당 문자를 import 하면 된다. 3. $(window)를 사용할 경우 1) useEffect 문 안에 (class 컴포넌트의 경우 componentDidmount) 다음을 입력한다. window.$ = window.jQuery = jQuery; 2) jquery 문은 따로 js 파일을 만들어 import 시키도록 한다. (원래는 컴포넌트 안에 jquery 문..

*ffprobe란?) ffmpeg 라이브러리에서 제공하는 메소드 { streams: [0] [ { index: 0, [0] codec_name: 'h264', [0] codec_long_name: 'H.264 / AVC / MPEG-4 AVC / MPEG-4 part 10', [0] profile: 'High', [0] codec_type: 'video', [0] codec_time_base: '1001/60000', [0] codec_tag_string: 'avc1', [0] codec_tag: '0x31637661', [0] width: 1280, [0] height: 720, [0] coded_width: 1280, [0] coded_height: 720, [0] closed_captions: 0,..