해당 문서는 chrome 개발자 도구 명령어 중 유용하다고 생각된 부분들을 정리해둔 글입니다.명령어 확인(전체)단축키: ctrl + shift +p Tip 명령어들1. ScreenshotArea screenchotalt + shift + S와 동일 Full size screenchot웹페이지 전체 스크린샷 Node screenchot선택한 코드부분만 캡처 결과2. Show Coverage사용중인 css, js를 퍼센트로 보여줌.사용중인 부분, 미사용부분 확인(빨강 : 미사용, 파랑 : 사용중)로딩시간 줄이는데 용이3. FPS meter해당페이지의 FPS 확인 4. Chrome Code Editer크롬 창에서 코드 수정(go live와 비슷)Source - Filesystem

정규표현식 구성관련 문법 내용기  호의  미기본 메타 문자. 모든 문자와 일치 (한 문자)|(버티컬 바) 왼쪽 혹은 오른쪽과 일치[^] 문자 집합 구성원 중 하나와 일치- 문자 집합 구성원을 제외하고 일치\ 다음에 오는 문자를 이스케이프수량자* 문자가 없는 경우나 하나 이상 연속하는 문자 찾기*? 게으른 * 문자+ 문자 하나 이상 찾기+? 게으른 + 문자? 문자가 없거나 하나인 문자 찾기{n} 정확히 요소와 n번 일치{m, n} 요소와 m에서 n번 일치{n, } 요소와 n번 이상 일치{n, }? 게으른 {n, }위치 지정^ 문자열의 시작과 일치\A 문자열의 시작과 일치$ 문자열의 끝과 일치\Z 문자열의 끝과 일치\ 단어의 시작과 일치\> 단어의 끝과 일치\b 단어의 경계와 일치\B \b와 반대로 일치특수..