유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Must Know Dev Tools Feature - Save Hours

Web Dev Simplified

2025. 8. 28.

0

#frontend
#devops
  • 개발자 도구에서 focus 에뮬레이션 기능을 사용하면 클릭 시 닫히는 요소(예: select box)를 디버깅할 때 유용합니다. 🛠️
  • DevTools를 열고 (Ctrl+Shift+P) 또는 (Cmd+Shift+P)를 누른 다음 'focus'를 입력하여 'Emulate a focused page'를 선택합니다. ⌨️
  • 또는 렌더링 탭에서 'Emulate a focused page' 옵션을 찾아 활성화할 수도 있습니다. 🖱️
  • 이 기능을 활성화하면 DevTools를 사용하는 동안에도 페이지 요소가 계속 활성 상태를 유지하여 디버깅이 훨씬 쉬워집니다. 🐛
  • 이 설정을 항상 켜두면 디버깅 시 요소가 닫히는 문제를 방지하여 시간을 절약할 수 있습니다. ⏳

Recommanded Videos