https://react-ko.dev/learn/manipulating-the-dom-with-refs 명령형 핸들 (useImperativeHandle) useImperativeHandle은 부모 컴포넌트에 대한 ref 값으로 고유한 특수 객체를 제공하도록 React에 지시한다. 결과적으로 Form 컴포넌트 내부의 inputRef.current에는 focus 메서드만 존재한다. 부모컴포넌트에 DOM 기능을 선택적으로 제공할 수 있다. ref 조작은 DOM 노드가 아닌 useImperativeHandle() 내부에서 생성한 사용자 정의 객체이다. = ref에 할당된 것은 DOM 노드가 아니라 useImperativeHandle에서 생성한 사용자 정의 객체다. 일반적으로 렌더링 중에는 ref에 액세스하는 ..
react
1️⃣ webpack cli 활용하기 webpack 커맨드라인 환경 옵션 --env를 사용하면 원하는 만큼 환경 변수를 전달할 수 있다. 환경 변수는 webpack.config.js에서 엑세스할 수 있다. package.json파일의 scripts섹션에서 아래와 같이 설정. "scripts": { "dev": "webpack-dev-server --env development --mode development", "build": "webpack --mode production" }, env 변수를 사용하려면 module.exports를 함수로 변환해야 한다. module.exports = (env, { mode }) => { const environment = env.NODE_ENV === 'develo..
