Atrix의 웹 개발 및 삽질 블로그 Atrix의 웹 개발 및 삽질 블로그

기본적으로 컴포넌트의 ref는 DOM 요소에만 직접 전달할 수 있다.그런데 Functional Component는 ref를 사용할 수 없기 때문에 이 때 forwardRef를 사용하여 부모 컴포넌트에서 자식 컴포넌트의 DOM 요소를 참조할 수 있다. 예시 코드interface InputProps extends React.InputHTMLAttributes {}const FunctionalInputComponent = React.forwardRef((props: InputProps, ref: React.Ref) => { return })export default function ParentComponent() { const ref = React.useRef(null); const handleI..

버전 정보React : 18.3.1Flutter : 3.24.3 이번에 Flutter 앱과 React 웹과의 데이터 통신이 필요하게 되어 Flutter에 문외한인 나는 Chatgpt와 구글링을 열심히 했다.테스트용 Flutter 코드는 제공받았지만 Dart 문법을 아예 몰랐기 때문에 내가 사용할 부분 만큼은 이해할 필요가 있었다.이전에 React Native와 데이터 통신을 했던 경험이 있던지라 금방 처리될 것이라 생각했다. (플래그 ON)작성한 코드는 아래와 같았다.Flutter// main.dartcontroller ..addJavaScriptChannel( 'FlutterWebView', // JavaScript에서 호출할 채널 이름 onMessageReceived: (JavaS..