인파

You Can Become A

늦게 시작해도 누구든지 노력하면 개발자가 될수 있어요 !

공부한 내용을 정리합니다
Tool/Chrome DevTools

🔍 크롬으로 자바스크립트 디버깅 하기

디버깅(Debugging) ​디버깅(Debugging)은 컴퓨터에서 발생한 오류를 찾기 위해 소스 코드를 한 줄씩 따라가면서 변수값의 변화를 검사하는 과정입니다. 중단점 (breakpoint) ​기능 단위로 구현하는 경우가 많으므로 하나의 기능이 끝날 때마다 여러가지 테스트, 디버깅이 필요할 수 있습니다. 여기서 중단점(Breakpoint)은 스크립트의 동작을 잠시 멈추도록하여 디버깅이 가능하게 해줍니다. 이때 원하는 위치에 중단점을 설정하여야 하는데 중단점을 추가하는 방법은 아래와 같이 두 가지 방법을 사용합니다. ​ i. 작성한 코드의 필요한 부분에 debugger 키워드를 추가하기 코드에 직접 debugger;라는 코드를 추가하는 방법입니다. 개발을 하는 도중 필요하다고 판단 즉시 코드를 추가하므로..

category_image
인파_
2021.10.12
(0)
Tool/Chrome DevTools

🔍 크롬 개발자 도구 (F12) 활용법 💯 총정리

크롬 개발자도구 ​구글에서 만든 웹 브라우저인 크롬에는 개발을 도와주는 다양한 도구가 기본적으로 제공됩니다. 이를 개발자 도구라고 합니다. 개발자 도구를 이용하면 HTML, CSS, JavaScript의 생산성을 극대화할 수 있습니다. 언뜻 보면 개발자를 위한 도구인 것 같지만, 글자 크기, 색, 간격 등 정확한 값을 확인해야 하는 디자이너에게도 없어서는 안 될 매우 중요한 도구입니다. ​ 개발자모드 진입 크롬 개발자모드로 진입하는 방법은 간단하게 2가지입니다. ➊ 검수하고자 하는 웹사이트에 접속해서 우클릭, 검사메뉴로 진입합니다. ➋ 단축키를 사용합니다. 맥은 , 윈도우는 나 를 누르면 해당 모드로 진입합니다. F12를 눌러도 진입됩니다. 개발자 도구 dark 테마 매일 같은 개발자 도구를 쳐다보는데 ..

category_image
인파_
2021.09.19
(0)