# 옵션 설명 -u : 계정명 -p : 계정의 비밀번호 --authenticationDatabase=admin : 인증 --host : 원격 시 IP 주소 및 포트 --out : Dump 받을 폴더 경로 --db : Dump 받을 DB 선택 (미작성 시 DB 전체) --collection : Dump 받을 collection(table) 선택 (미작성 시 Collection 전체) --gzip : Dump 파일 확장자
# 옵션 설명 -u : 계정명 -p : 계정의 비밀번호 --authenticationDatabase=admin : 인증 --host : 원격 시 IP 주소 및 포트 --db : Restore 할 DB 선택 --collection : Restore 할 collection(table) 선택 --gzip : Restore 파일 확장자 --drop : 백업에 없는 collection 삭제
<c:forEach items="${ test.numbers }" var="num">
<td>${ num }</td>
</c:forEach>
물론 이중구문을 이용해 배열안의 배열까지 접근이 가능하다.
forEach 구문을 사용안하고 배열 중 한 요소만을 출력하고자 한다면 다음과 같이 작성하면된다.
<c:out value="${ test.num[1] }" />
num배열에서 2번째 요소가 출력된다.
배열 사이즈를 알고 싶을때는 다음과 같이 작성한다.
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<c:out value="${fn:length(test.num)}" />
This reference guide documents theSyntheticEventwrapper that forms part of React’s Event System. See theHandling Eventsguide to learn more.
Overview
Your event handlers will be passed instances ofSyntheticEvent, a cross-browser wrapper around the browser’s native event. It has the same interface as the browser’s native event, includingstopPropagation()andpreventDefault(), except the events work identically across all browsers.
If you find that you need the underlying browser event for some reason, simply use thenativeEventattribute to get it. EverySyntheticEventobject has the following attributes:
boolean bubbles boolean cancelable DOMEventTarget currentTarget boolean defaultPrevented number eventPhase boolean isTrusted DOMEvent nativeEvent voidpreventDefault() boolean isDefaultPrevented()voidstopPropagation() boolean isPropagationStopped() DOMEventTarget target number timeStamp string type
Note:
As of v0.14, returningfalsefrom an event handler will no longer stop event propagation. Instead,e.stopPropagation()ore.preventDefault()should be triggered manually, as appropriate.
Event Pooling
TheSyntheticEventis pooled. This means that theSyntheticEventobject will be reused and all properties will be nullified after the event callback has been invoked. This is for performance reasons. As such, you cannot access the event in an asynchronous way.
functiononClick(event){ console.log(event);// => nullified object. console.log(event.type);// => "click"const eventType = event.type;// => "click"setTimeout(function(){ console.log(event.type);// => null console.log(eventType);// => "click"},0);// Won't work. this.state.clickEvent will only contain null values.this.setState({clickEvent: event});// You can still export event properties.this.setState({eventType: event.type});}
Note:
If you want to access the event properties in an asynchronous way, you should callevent.persist()on the event, which will remove the synthetic event from the pool and allow references to the event to be retained by user code.
Supported Events
React normalizes events so that they have consistent properties across different browsers.
The event handlers below are triggered by an event in the bubbling phase. To register an event handler for the capture phase, appendCaptureto the event name; for example, instead of usingonClick, you would useonClickCaptureto handle the click event in the capture phase.
boolean altKey number charCode boolean ctrlKey boolean getModifierState(key) string key number keyCode string locale number location boolean metaKey boolean repeat boolean shiftKey number which
TheonMouseEnterandonMouseLeaveevents propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase.
Properties:
boolean altKey number button number buttons number clientX number clientY boolean ctrlKey boolean getModifierState(key) boolean metaKey number pageX number pageY DOMEventTarget relatedTarget number screenX number screenY boolean shiftKey
TheonPointerEnterandonPointerLeaveevents propagate from the element being left to the one being entered instead of ordinary bubbling and do not have a capture phase.
Properties:
As defined in theW3 spec, pointer events extendMouse Eventswith the following properties:
number pointerId number width number height number pressure number tangentialPressure number tiltX number tiltY number twist string pointerType boolean isPrimary
A note on cross-browser support:
Pointer events are not yet supported in every browser (at the time of writing this article, supported browsers include: Chrome, Firefox, Edge, and Internet Explorer). React deliberately does not polyfill support for other browsers because a standard-conform polyfill would significantly increase the bundle size ofreact-dom.
If your application requires pointer events, we recommend adding a third party pointer event polyfill.
{
test: sassRegex,
exclude: sassModuleRegex,
use: getStyleLoaders({
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap
}).concat({
loader: require.resolve('sass-loader'),
options: {
includePaths: [paths.appSrc + '/styles'],
sourceMap: isEnvProduction && shouldUseSourceMap
}
}),
// Don't consider CSS imports dead code even if the
// containing package claims to have no side effects.
// Remove this when webpack adds a warning or an error for this.
// See https://github.com/webpack/webpack/issues/6571
sideEffects: true
},
