반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 포트폴리오
- React
- JSP
- JSX문법
- 상태관리도구
- Array.from
- javascript
- Promise.race
- 리액트
- Promise.any
- 프로그래밍
- memo()
- 방법..?
- 변수할당
- React.memo();
- hook
- 이벤트위임
- ES6
- Promise.allSettled
- await
- Redux
- stopPropagation
- 이벤트버블링
- 모던자바스크립트
- this바인딩
- 자바스크립트
- 하자있는방법
- state
- 이벤트캡쳐
- 게시판구현
Archives
- Today
- Total
목록component (1)
무브라더
[React] Component, props, state (부제: 함수형, 클래스형 컴포넌트)
그러면 React에서 데이터를 사용할 때 다루는 개념인 props와 state 에 대해서 알아보기에 앞서 Component의 역할과 개념은 무엇이고 클래스형 컴포넌트와 함수형 컴포넌트의 차이는 무엇인지 알아보자 Component 컴포넌트는 UI를 재사용 가능한 개별적인 여러 조각으로 나눈다. props라는 입력을 받은 후, 화면에 어떻게 표시되는지 기술하는 React 엘리먼트를 반환 엘리먼트는 일반 객체로 React 앱의 가장 작은 단위다. 엘리먼트는 컴포넌트의 구성요소이다. 컴포넌트를 선언하는 방식에는 함수형 컴포넌트와 클래스형 컴포넌트가 있다. Class Component class Welcome extends React.Component { render() { return Hello; } } 클래스..