3개의 제목을 만드는 숙제
좋아요 버튼 및 카운트 UI 만들기
'추천 관련글,
버튼 태그로 해도 되지만 별로 예쁘지 않아서 스팬으로 합니다.
클릭 기능을 부여할 수 있습니다.
버튼을 눌렀을 때 옆에 있는 숫자를 늘리고 싶다면??
주를 위해 번호를 만드는 것이 좋을 것입니다.
onclick 철자법
HTML 요소 클릭 시 JavaScript 실행
onClick 요소에 이벤트 핸들러 추가
함수는 긴 코드 조각을 단일 단어로 래핑하는 구문입니다.
등호 =로 상태를 변경하면 안 됩니다.
함수를 사용하여 상태를 변경하면 HTML 다시 렌더링이 제대로 작동합니다.
위의 텍스트를 해석하면 스팬을 클릭하면 함수가 실행되고 상태가 1로 변경됩니다.
배운 내용을 정리해 보자
1. onClick 사용 onClick={}에 함수를 넣어야 합니다.
2. 상태 변경 방법 상태를 변경하려면 변경 기능을 사용해야 합니다.
해마를 바보로 만들려면 버튼을 누르세요(숙제)