2024/07/20 2

[JS] FileReader 클래스

자바스크립트의 FileReader 클래스는 웹 애플리케이션에서 파일을 읽을 수 있는 기능을 제공한다. 이 클래스는 파일 시스템에 접근하지 않고도, 사용자가 선택한 파일을 비동기적으로 읽어 들여 다양한 형태로 처리할 수 있게 한다. FileReader는 특히 파일 업로드와 관련된 기능을 구현할 때 유용하다.메서드readAsText(file): 파일을 텍스트로 읽는다.readAsDataURL(file): 파일을 데이터 URL(Base64)로 읽는다.readAsArrayBuffer(file): 파일을 ArrayBuffer로 읽는다.readAsBinaryString(file): 파일을 바이너리 문자열로 읽는다. (비권장)속성result: 파일 읽기가 완료되면 읽은 데이터가 저장된다.onloadstart: 파일 ..

Javascript 2024.07.20

useRef, useImperativeHandle, forwardRef

useRef와 useImperativeHandle은 ref라는 속성에 적용하는 값을 만들어 주는 훅이다. 리액트와 리액트 네이티브가 제공하는 컴포넌트는 모두 ref라는 이름의 속성을 가지고 있다.ref 속성이란?Ref는 참조를 의미한다.ref 속성값은 사용자 코드에서 설정하는 것이 아니라, 특정 시점에 React 프레임워크 내부에서 설정해 준다. ref 속성은 초기에는 null이지만, 컴포넌트가 마운트 되는 시점에서 실제 DOM 객체의 값이 된다.HTML 요소들은 자바스크립트에서 DOM 타입 객체이다. 모든 요소는 HTMLElement 타입이며, click(), blur(), focus() 메서드를 제공한다. 이 메서드들은 가상 DOM 상태에서는 호출할 수 없고, 실제 DOM 상태에서만 호출할 수 있다...

Javascript/React 2024.07.20
728x90