[Javascript] focus, blur event

• focus와 blur 기능: <button>, <input>, <select>, <a> 등의 요소에 기본적으로 포함되어 있으며, focus는 요소가 데이터 입력 준비가 되었음을, blur는 포커스를 잃은 순간을 의미함

• tabindex 속성: 포커스를 받을 수 있는 요소에 tabindex를 부여하여 순서를 지정할 수 있음

• 실제 적용 예시: 로그아웃 버튼을 클릭하면 확인용 드롭다운이 나타나고, 이외의 영역을 클릭하면 드롭다운이 사라지는 기능 구현

• preventDefault() 사용: 원하는 영역의 focus 이벤트를 끊어주고, 이후 클릭 이벤트에 해당하는 함수를 실행하여 드롭다운 로직 처리