akjfal

합성 이벤트(SyntheticEvent) 개요 이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하기 처리하기위해 SyntheticEvent 객체를 전달받습니다. 만약 브라우저의 고유 이벤트가 필요하다면 nativeEvent를 참조하고, 합성 이벤트는 고유 이벤트에 직접 대응되지 않고, 서로 다른 이벤트입니다. boolean bubbles boolean cancelable DOMEventTarget currentTarget boolean defaultPrevented number eventPhase boolean isTrusted DOMEvent nativeEvent void preventDefault() boolean isDefaultPrevented() void stopPropagation() boole..

합성 이벤트(SyntheticEvent) 개요 이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하기 처리하기위해 SyntheticEvent 객체를 전달받습니다. 만약 브라우저의 고유 이벤트가 필요하다면 nativeEvent를 참조하고, 합성 이벤트는 고유 이벤트에 직접 대응되지 않고, 서로 다른 이벤트입니다. boolean bubbles boolean cancelable DOMEventTarget currentTarget boolean defaultPrevented number eventPhase boolean isTrusted DOMEvent nativeEvent void preventDefault() boolean isDefaultPrevented() void stopPropagation() boole..

DOM 엘리먼트 ※ 공식 사이트에 한글로 번역이 이미 되어있으니 원문을 보시는 것을 추천드립니다. React는 성능 및 호환성을 위해 브라우저 독립적인 DOM 시스템을 구현합니다. React는 대부분의 속성에서 카멜 케이스를 사용하지만 aria-*와 data-*는 예외입니다. Attribute의 차이 React와 HTML사이에는 다르게 작동하는 여러가지의 어트리뷰트들이 있습니다. checked 이 checkbox나 radio type 일 때 사용합니다. → 제어 컴포넌트에서 유용 defaultChecked는 컴포넌트가 처음 마운트 될 때 선택여부 설정 → 비제어 컴포넌트에서 사용 className CSS class를 사용하려면 className attribute를 사용하세요. 모든 일반적인 DOM 및 S..

ReactDOMServer ReactDOMServer객체를 통해 컴포넌트를 정적 마크업으로 렌더링 할 수 있습니다. Reference renderToPipeableStream() ReactDOMServer.renderToPipeableStream(element, options) 초기 html을 렌더링합니다. 인라인 ', { status: 500, headers: {'Content-Type': 'text/html'} }); ); renderToStaticNodeStream() ReactDOMServer.renderToStaticNodeStream(element) data-reactroot와 같이 React에서 내부적으로 사용하는 추가적인 DOM attribute를 만들지 않습니다. 여분의 attribute..