728x90 320x100 SMALL [개발자도구] 크롬 개발자도구 사용하는 방법! 프론트엔드업무를 하다보면 프론트엔드는 예민한(?) 아이이기 때문에 오류를 즉각적으로 확인할 수 없다. 그럴떄 사용하는 것이 바로 개발자 도구이다. 개발자도구는 여러가지가 있는데... 그 중에서도 크롬 개발자도구를 알아보도록 하자 시작 단축키 본 화면에서 F12 나 ctrl + shift + i 나 직접 들어가는 방법이 있다. 개발자도구 구성 개발자도구는 크게 elements, console, sources, network, application 등이 있음 Element HTML 요소에 적용된 스타일을 검사할 수 있음 여기서 적용된 CSS를 수정해서 확인할 수 있음 마진이나 패딩값 등을 계산해서 화면을 조정할 수 있음 elements : html 태그표시 style 선택된 태그 모든 css표시(개발자가 넣.. 2023. 9. 10. [JSP] 웹띄울때 웹브라우저 크롬설정하기 윈도우- 웹브라우저 - 크롬설정하면 됨 디폴트로 지정하는법 윈도우 프리페어런스에서 제너럴 웹브라우저를 들어간다 그 뒤에 interneral(3)번 지정을 하면 이클립스 안에서 뜨고 익스터널을하면 외부에서 뜨게된다 그 후 웹브라우저를 지정해주면 되는데 디폴트는 시스템에 지정되어있는 기본 웹을 말하는거고, 그게 아니면 인터넷이나 엣지 크롬으로 지정해 줄 수 있는데 인터넷은 지금 서비스종료라 두가지만 가능하다. 2023. 2. 7. 이전 1 다음 728x90 반응형 BIG
