[자바스크립트] 변수값 확인하는 방법

변수에 어떤 값이 저장되어있는지 확인하는 방법은

대표적으로 3가지가 있습니다.

 

1. alert();
2. document.write();
3. console.log();

⭐️ alert();

특정 정보를 브라우저의 알림창으로 알려주는 코드입니다.

예를 들면, 로그인시 비밀번호를 잘못 입력한 경우 경고창이 이 alert입니다.

내용이 길어지면 경고창에 내용이 잘리는 경우가 있습니다.

 

⭐️ document.write();

document에서 제공하는 write 기능으로 html 내부에 값을 출력해줍니다.

비어있는 html이 아닐 경우 어느 위치에 출력되는지 모릅니다.

 

⭐️ console.log();

위의 두가지 기능과 달리 전문 디버깅 코드입니다.

웹킷 엔진을 사용하는 브라우저에서만 사용 가능합니다.

 

총 3가지의 방법이 있지만 

개발을 하다 보면 alert창이나 document로는 안 나오는 경우가 있습니다.

console.log는 인스펙터 화면에서 확인이 가능한 디버깅 코드로

대부분 console.log를 사용합니다.

 

alert(data);

document.write(data);

console.log(data);

inspector 콘솔