HTTP (Hypertext Transfer Protocol)에서 사용되는 메서드는 다양한 웹 요청 및 작업을 나타내는데 사용됩니다. 다음은 널리 사용되는 HTTP 메서드 목록입니다:

1. GET: 서버로부터 데이터를 요청하는 데 사용됩니다. 일반적으로 정보를 검색하고, URL 쿼리 매개변수를 통해 데이터를 전달합니다. GET 요청은 주로 데이터를 요청하는 데 사용되며, 서버의 상태나 데이터에 변경을 가하지 않아야 합니다.
2. POST: 서버로 데이터를 제출하고, 이 데이터를 처리하도록 요청하는 데 사용됩니다. 주로 양식 데이터를 제출하거나 새로운 데이터를 생성하는 데 활용됩니다. POST 요청은 데이터를 요청 본문(request body)에 담아 전송하며, 서버의 상태나 데이터에 영향을 줄 수 있습니다.
3. OPTIONS: 서버에게 해당 리소스에 대한 지원되는 메서드나 기타 정보를 요청하는 데 사용됩니다. 주로 CORS (Cross-Origin Resource Sharing)와 관련된 요청에서 사용됩니다.
4. PUT: 서버에서 지정된 리소스를 업데이트하기 위해 사용됩니다. 클라이언트가 요청 본문에 데이터를 담아 서버에 제출하면, 서버는 해당 데이터로 리소스를 업데이트합니다.
5. DELETE: 서버에서 지정된 리소스를 삭제하기 위해 사용됩니다. 클라이언트가 DELETE 요청을 보내면, 서버는 해당 리소스를 삭제하고 응답을 반환합니다.

이러한 HTTP 메서드들은 웹 애플리케이션에서 클라이언트와 서버 간의 상호작용을 정의하는 데 사용됩니다. GET은 데이터를 가져오는 데, POST는 데이터를 보내고 저장하는 데, OPTIONS는 지원되는 메서드 및 기타 정보를 확인하는 데, PUT은 데이터를 업데이트하고, DELETE는 데이터를 삭제하는 데 사용됩니다. 이러한 메서드를 올바르게 사용하여 웹 애플리케이션은 데이터를 효과적으로 관리하고 조작할 수 있습니다.

React 함수 컴포넌트(Functional Component, FC)로 데이터를 props로 전달하는 방법은 다음과 같습니다:

함수 컴포넌트 정의: 함수 컴포넌트를 정의할 때 props 매개변수를 사용하여 데이터를 전달합니다.

import React, { FC } from 'react';

interface MyComponentProps {
  data: string; // 데이터의 타입에 따라 수정
}

const MyComponent: FC<MyComponentProps> = (props) => {
  return <div>{props.data}</div>;
};

컴포넌트 사용: 다른 컴포넌트에서 데이터를 props로 전달할 때는 컴포넌트를 사용할 때 props를 넘깁니다.

const ParentComponent: FC = () => {
  const dataToPass = "Hello, World!"; // 전달할 데이터

  return (
    <div>
      <MyComponent data={dataToPass} />
    </div>
  );
};

위의 코드에서 MyComponent는 data prop을 받아서 화면에 표시합니다. ParentComponent에서 MyComponent를 사용할 때 data prop에 데이터를 전달합니다.

이와 같이 React 함수 컴포넌트를 정의하고 사용할 때, props를 사용하여 데이터를 전달할 수 있습니다. Props는 컴포넌트 간에 데이터를 효율적으로 전달하는 데 사용됩니다. 필요한 데이터를 props로 전달하여 컴포넌트를 재사용하고 데이터를 동적으로 표시할 수 있습니다.

<?
// 비디오 입력 및 저장이미지 경로 설정
$video_file = "/var/www/master/mobile/modyeye/videos/day.mp4";
$thum_file =  "/var/www/master/mobile/modyeye/videos/thum/day.png";

// 1. ffmpeg 명령어로 비디오 가로 세로 크기 가져오기
$command = 'ffprobe -v error -select_streams v:0 -show_entries stream=width,height -of csv=s=x:p=0 ' . escapeshellarg($video_file);
$size= shell_exec($command);	
$size = str_replace("\n", "", $size);


// 2. ffmpeg 명령어로 설정된 크기와 시간으로 이미지를 저장하기
$time = "00:00:00.000";
$cmd = "ffmpeg -i $video_file -ss $time -s $size $thum_file";
shell_exec($cmd);  
?>

배포 시 아래와 같은 화면만 뜨는경우

(네트워크, 콘솔에서 오류가 없음)

package.json 파일에 보면

homepage 부분이 "." 로 되어있습니다.

그부분을 실제 사이트 주소를 입력해주세요