이벤트 사용 시 주의사항 * 카멜 표기법 사용 onclick -> onClick onkypup -> onKeyUp * 이벤트에는 함수 형태의 값을 전달 onClick={() => console.log('click!')} * DOM요소에만 이벤트 설정 div, button, input등에는 이벤트를 설정할 수 있지만 컴포넌트에는 이벤트를 설정할 수 없음. 이면 MyComponent에 Onclick이라는 props를 전달하는 것. 1. 클래스형 컴포넌트에서 임시 메서드 사용 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 ..
state란? - 컴포넌트 내부에서 바뀔 수 있는 값. - 부모 컴포넌트에서 state를 props로 넘겨줄 경우 하위 컴포넌트는 state를 읽는 용도로만 사용할 수 있음. - 부모 컴포넌트로부터 넘겨받은 state값을 수정해야하는 경우 부모 컴포넌트에서 직접 state를 수정해야 함. - 컴포넌트 타입에 따라 state 사용 방법이 다름. 1. 클래스형 컴포넌트 (state) - this.state에서 state값을 초기화 하고, 값을 변경할 때에는 this.setState를 사용. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 ..
- Total
- Today
- Yesterday
- JSP
- ajax
- paging
- JSX
- 리액트
- typescript
- value
- list
- script
- hashmap
- webpack
- java
- nodeJS
- Spring
- hooks
- 함수형
- html
- Redux
- 스프링
- datePicker
- angular
- input
- JSON
- javascript
- Progressbar
- Props
- React
- date
- 클래스형
- module
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |