Code Storage

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

https://bbolmin.tistory.com/61

함수의 인자로 클래스 이름을 받았습니다.

아래와 같이 그 인자를 Jquery 셀렉터로 사용하기 위해서는 아래와 같이 사용하시면 됩니다.

$("." + 변수명)

$("#" + 변수명)

function copy_custom( class_name)
{
	$("."+class_name).val("@@@@@");
}

※ 요약

Left  : CString 개체의 문자열에서 왼쪽을 기준으로 문자열 추출

Mid : CString 개체의 문자열에서 지정한 중간 부분의 문자열 추출

Right : CString 개체의 문자열에서 오른쪽을 기준으로 문자열 추출

※ 함수 원형 및 설명

CString  Left( int nCount ) const;
//nCount : 왼쪽 기준 추출할 문자의 수
//반환값 : 추출된 문자열을 포함하는 CString 임시 개체

CString  Right( int nCount ) const;
//nCount : 오른쪽 기준 추출할 문자의 수
//반환값 : 추출된 문자열을 포함하는 CString 임시 개체

CString  Mid( int nFirst ) const;
CString  Mid( int nFirst, int nCount ) const;
//nFirst : 추출을 시작할 문자열의 위치
//nCount : 추출할 문자의 수
//반환값 : 추출된 문자열을 포함하는 CString 임시 개체

※ 예제

#include <atlstr.h>		//CString

int main( )
{
	CString strDate( "2022-06-08" );
	
	CString strYear;
	CString strMonth;
	CString strDay;

	strYear = strDate.Left( 4 );
	strMonth = strDate.Mid( 5, 2 );
	strDay = strDate.Right( 2 );
	
	printf( "%s년 %s월 %s일", strYear, strMonth, strDay );

	return 0;
}

https://robotbef.tistory.com/19