728x90 front end1 [Trouble Shoot] 개발자 도구 알아보기 1. 개발자 도구란? 브라우저에서 제공하는 도구 프론트앤드 개발을 하면서 프론트 앤드를 개발하는데 도움이 될만한 여러가지 기능들을 제공 웹사이트 디버깅을 할 때 사용 디버깅(debugging) 문제를 캐치하고 문제의 원인을 파악하여 수정하는 것 2. 개발자 도구 실행 방법 f12 누르기 우클릭 → 검사 ctrl + shift + i 3. 패널(panel) 개발자 도구 패널에는 아래 리스트와 같은 것들이 있다. Elements Console Sources Network Performance Memory Application Security Lighthouse Recorder Performance insights * 빨간색 패널은 자주 쓰이는 패널 1) Elements Element 패널은 html 코드를 .. 2023. 2. 15. 이전 1 다음 728x90
