미리 선언된 함수

미리 선언된 주요 함수들

1. 폼 관련 함수

• handleSubmit(e):
  • 폼 제출 시 실행되는 함수로, e.preventDefault()를 사용하여 기본 동작(새로고침)을 막고 입력값을 처리합니다.
• handleChange(e):
  • 입력 필드의 값이 변경될 때 실행되며, e.target.value로 변경된 값을 가져와 상태를 업데이트합니다.
• handleReset():
  • 폼의 입력값을 초기화하는 함수로, setState 등을 사용하여 상태를 초기값으로 되돌립니다.

2. 버튼 클릭 관련 함수

• handleClick():
  • 버튼이나 다른 요소가 클릭되었을 때 실행되는 함수로, 특정 로직을 실행하거나 상태를 변경할 수 있습니다.
• handleDelete(id):
  • 특정 항목을 삭제하는 함수로, 배열의 요소를 삭제할 때 주로 사용됩니다.

3. 입력 필드 관련 함수

• handleFocus():
  • 입력 필드가 포커스를 받을 때 실행되는 함수입니다.
• handleBlur():
  • 입력 필드의 포커스가 벗어날 때 실행되는 함수입니다.

4. 마우스 및 키보드 이벤트 관련 함수

• handleMouseEnter():

  • 마우스가 특정 요소 위에 올라왔을 때 실행됩니다.

• handleMouseLeave():

  • 마우스가 특정 요소에서 벗어날 때 실행됩니다.

• handleKeyDown(e):

  • 키보드를 누를 때 실행됩니다. 예를 들어 Enter 키를 눌렀을 때 특정 작업을 수행할 수 있습니다.

• handleKeyUp(e):

  • 키보드를 누른 후 손을 뗄 때 실행됩니다.

5. 스크롤 및 창 관련 함수

• handleScroll():
  • 페이지나 특정 요소에서 스크롤 이벤트가 발생할 때 실행됩니다.
• handleResize():
  • 브라우저 창의 크기가 변경될 때 실행됩니다.

6. 기타 이벤트 관련 함수

• handleDragStart():
  • 요소가 드래그되기 시작할 때 실행됩니다.
• handleDrop():
  • 드롭 이벤트가 발생할 때 실행되며, 주로 드래그 앤 드롭 기능에서 사용됩니다.

기타 자주 사용되는 함수들

1. componentDidMount():

   • 컴포넌트가 처음 렌더링된 후 실행되는 React 클래스 컴포넌트 메서드입니다.

2. componentDidUpdate():

   • 컴포넌트가 업데이트된 후 실행되는 메서드입니다.

3. componentWillUnmount():

   • 컴포넌트가 DOM에서 제거되기 직전에 실행되는 메서드입니다.

4. useEffect():

   • React 함수형 컴포넌트에서 사이드 이펙트를 수행하기 위해 사용하는 훅입니다.

5. useState():

   • React에서 상태를 관리하기 위해 사용되는 훅입니다.