HTML 내에서 로그를 출력하는 방법은 여러가지가 있다.
경우1) console.log() 사용
장점: 많은 양의 로그를 사용할 수 있다.
단점: 항상 개발자도구를 실행해야 한다.
실행방법: <script></script> 내에 console.log() 를 사용하고
개발자 도구(chrome, Internet Explore)의 콘솔(console) 에서 확인하기
참고>
<script></script>를 보통 function 을 사용하는 용도로 사용하고,
따라서 <body> 이전에 주로 쓰고 있거나 <body> 마지막 부분에 쓰는 것을 많이 봤다.
하지만 출력을 원하는 곳에
바로 <script></scripte>를 사용하는 것도 좋은 방법이다.
<html>
...
<script>
function test(){
console.log("출력확인:");
...
}
</script>
<body>
...
또는
<tr>
<script>console.log("출력확인:")</script>
<td></td>
</tr>
경우2) alert() 사용
장점: 간단한 로그를 사용할 때 편리하다.
단점: 출력하고자 하는 로그의 양이 많다면 기록을 보기가 불편하다.
실행방법: <script></script> 내에 alert() 사용하고 실행중에 확인하기
경우3) ${} 사용하여 정의된 변수만 html 내의 특정위치에 그대로 출력해보기
장점: 간단한 로그를 사용할 때 편리하다.
단점: 변수를 선언하고 값을 넣어 줘야한다.
실행방법: ${선언한 변수}를 html 의 필요한 곳에 써주면 된다.
'Software > Javascript&jQuery' 카테고리의 다른 글
| [Javascrip&jQuery] 버튼(button) 또는 객체(Object)의 .show() .hide() 판정하기 - .toggle() 아님 (0) | 2020.04.21 |
|---|---|
| [jQuery] json 파일 읽기 - .getJSON() 과 .ajax() 차이 (0) | 2020.03.01 |
| [Javascript] substring() 사용해서 문자열 앞, 뒤에서 자르기 - str.length 사용 (0) | 2020.02.22 |
| [jQuery] 특정 조건에 Button 숨기기, 보이기 - hide(), show() (0) | 2020.02.22 |
| [Javascript] replace() 함수 사용하기, 년도월일 에서 - 제외하기, 정규식 (0) | 2019.11.23 |