반응형
Class형Component
-
[React 기초] React 간단 예제 - 버튼 클릭하기 : Class형 Component컴퓨터 알아가기/React 2023. 12. 20. 19:30
지난 시간 버튼 클릭이벤트에 대한 자바스크립트 부분을 복습한 내용에 대해 React에서는 어떻게 표현되는지 확인해 보도록 하겠습니다. React의 기본내역은 제로초 TV의 React강좌를 보고 공부하고 있습니다. ▒ Class형 Component 구조 우선 Class Component의 기본구조를 다시 복습해 봅니다. 참고로 Component는 데이터영역과 화면영역을 같이 묶어놓은 것을 말합니다. 상기 구조에 버튼을 누르면 '환영합니다.'라는 메시지가 출력될 수 있도록 만들어 봅니다. Component명은 Welcome으로 사용하면 기본형은 다음과 같습니다. 마지막 Component를 받는 DOM에도 적용해 줍니다. 이제 기본틀은 완성했으니 코드를 고민해 보도록 하죠. 1. 데이타 영역 데이터 영역은 지..