React 함수 컴포넌트(Functional Component, FC)로 데이터를 props로 전달하는 방법

웹 프로그래밍/React|2023. 8. 19. 15:32
300x250

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로 전달하여 컴포넌트를 재사용하고 데이터를 동적으로 표시할 수 있습니다.

300x250

댓글()

MYSQL 백업/복구 + 특정테이블만

DB 데이터베이스|2023. 8. 3. 21:42
300x250

 

naver db에서 member_table만 백업

mysqldump -u root -p naver member_table > member_table.sql

 

naver 라는 db 백업

mysqldump -u root -p naver > naber_db.sql

 

 

전체 파일 복구 / 특정 테이블만 복구

(어차피 sql 파일에는 스트립트 파일이 들어가있어서 똑같음)

mysql -u root -p naver < naver_db.sql
mysql -u root -p naver < member_table.sql

 

300x250

댓글()

ubuntu ffmpeg 썸네일 이미지 저장

300x250

 

<?
// 비디오 입력 및 저장이미지 경로 설정
$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);  
?>
300x250

댓글()

로컬 개발 시 CROS 문제 간단 해결

웹 프로그래밍/React|2023. 5. 27. 21:35
300x250

 

 

 

 

 

 

 

 

개발시 

Access to XMLHttpRequest at '주소A' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

CROS 문제가 발생한다.

 

 

1. package.json 에

  "proxy":"http://testtest.cafe24.com",

이렇게 사이트 명을 넣어준다.

 

 

2. 호출 시 주소를 

http://testtest.cafe24.com/login.php 부분을 상대경로로 바꺼준다.

/login.php

 

속도는 0.5초 정도 느런거같은데 잘된다 ㅎㅎㅎ

 

 

 

 

 

 

 

 

 

 

 

300x250

댓글()