-
[JavaScript] CodePen에서 javascript 코드 디버깅하기카테고리 없음 2024. 4. 19. 11:02반응형
코딩 테스트 풀 때 디버깅하고 싶은 문제 크롬 개발자 도구에서 디버깅 하기
Create a New Pen
Behavior Auto Save If active, Pens will autosave every 30 seconds after being saved once. Auto-Updating Preview If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update. Format on Save If enabled, your co
codepen.io
코드 예시
html
<button id='btn'>button</button>
js(프로그래머스 코딩 테스트 Lv2 - 124 나라의 숫자)
function recursiveCalc(n) { if(n == 0) return 0; let quotient = Math.floor(n / 3); let remain = n % 3; return remain == 0 ? recursiveCalc(quotient - 1) * 10 + 4 : recursiveCalc(quotient) * 10 + remain; } const button = document.getElementById("btn"); button.addEventListener("click", () => { debugger; console.log(recursiveCalc(3)); });
이후 'F12' 를 눌러 개발자 도구 진입
버튼 눌러서 javascript 코드 디버깅 가능
간혹 debugging; 에 안 걸리고 넘어갈 때가 있는데
개발자 도구 킨 상태에서 뒤로가기 버튼 우클릭 - 캐시 비우기 및 강력 새로고침 클릭
300x250