오늘 한 일

• 웹페이지를 보면 특정 탭을 열었을 때 탭 영역 밖을 클릭하면 해당 탭이 자동으로 닫히곤 한다. 워낙 많은 곳에서 구현이 되어있다보니 닫기 버튼 대신 바깥 영역을 눌러서 닫는게 자연스럽게 느껴지기도 한다. 마침 facebookClone 프로젝트를 진행하고 있으니 여기서도 구현해보기로 했다. body에 클릭 이벤트가 전파되었을 때, 해당 이벤트 타겟에서부터 body까지 parentNode를 거슬러 올라갔을 때 탭이 없으면 탭을 닫아주는 식으로 구현했다. 구현하고 보니 생각보다 쉬웠지만 사용성이 확실히 좋아진 것 같아 만족스러웠다.