useState
-
[React 기초] React 간단 예제 - 버튼 클릭하기 : 함수 Component컴퓨터 알아가기/React 2023. 12. 21. 19:30
지난 시간 만들어 보았던 환영버튼을 함수 Component로 바꾸어 보도록 하겠습니다. React는 많은 사람들이 함수 Component를 사용한다고 하는군요 1. Class형 Component를 함수 Component로 지난시간 '환영합니다.' 메시지를 Class형으로 다음과 같이 만들어 보있습니다. 이를 함수 Component로 바꾸어 보도록 하겠습니다. Class형에서 사용되었던 this.state를 사용하지 않아도 됩니다. 단, 함수 Component에서 사용되는 기본 규칙을 다시한번 정리해 둘 필요가 있습니다. ※ 함수Component 기본규칙 ① Class형을 함수로 바꾸어 줌 ② 데이터영역의 기본형태는 const [변수명, set변수명] = React.useState(기본값 false); ③..
-
[React 기초] React Component 구성 - Class형 Component와 함수 Component컴퓨터 알아가기/React 2023. 12. 13. 19:30
React를 구성하고 작동하게 하는 영역이 있습니다. 그 영역을 콤포넌트(Componenrt)라고 하는데 오늘은 간단하게 Component를 이해해 보도록 합니다. 본 내역은 제로초 TV의 React 무료 웹게임을 기본으로 좀 더 자신의 것으로 만들어 보고자 정리한 것입니다. 1. Component 구성방법 구성방법을 알아 보기전에 거의 모든 산업군에 쓰이는 용어가 영어로 되어있음을 인지해야 합니다. 만국 공통어이기도 하지만 해외에서 활발하게 활동과 개발이 이루어지면서 공통언어인 영어로 대부분 사용이 되어 상호간 커뮤니케이션이 문제가 없게 되는 현상입니다. 영어라는 학문은 어떠한 경우에도 다방면으로 도움이 되니 반드시 적응하도록 노력할 필요가 있습니다. 각설하고, Component는 '요소, 항목'이라는..