[JavaScript] CodePen에서 javascript 코드 디버깅하기

코딩 테스트 풀 때 디버깅하고 싶은 문제 크롬 개발자 도구에서 디버깅 하기

 

https://codepen.io/pen/

Create a New Pen

 

 

 

 

 

 

 

코드 예시

 

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; 에 안 걸리고 넘어갈 때가 있는데

 

개발자 도구 킨 상태에서 뒤로가기 버튼 우클릭 - 캐시 비우기 및 강력 새로고침 클릭