개발할 때, 유용한 크롬 확장 프로그램

1. Clear Cache

캐시 제거

옵션 설정

 

• 클릭 한 번으로 캐시를 제거해준다.
• 화면 재로딩 시, 자동 실행여부를 설정할 수 있다.
• 삭제할 데이터의 기간 및 범위를 설정할 수 있다.

 

 

 

2. React Developer Tools

리액트 디버깅 개발자 도구

리액트 빌드가 된 페이지에서만 사용이 가능하다.

세부정보에서 액세스 허용을 해주어야 개발자 도구 옵션에 나타난다.

 

• 리액트를 이용하여 개발할 시, 개발자 도구 옵션에 추가되어 디버깅을 할 때에 유용하다.
• 일반 JavaScript 를 사용할 때처럼 Element 단위가 아닌 Component 단위로의 디버깅이 가능하다.

 

 

 

3. Extension Switch

확장 프로그램 활성화

 

• 확장 프로그램의 활성화/비활성화를 클릭 한 번으로 설정할 수 있다.
• 사용하는 확장 프로그램이 많을 경우, 검색하여 찾을 수 있고 활성화된 것들이 가장 상단에 나타난다.