728x90
반응형
SMALL
자바스크립트의 출력
: 개발자을 위한 것으로, 프로그래밍 중간에 실행이 잘 이뤄지고 있는지 확인하는 용도로 쓰인다.
( )괄호 안에 홑따옴표(' '), 쌍따옴표(" "), 백쿼트(` `)로 문자열을 입력하여 출력시킬 수 있다.
- doucument.wirte( )
<body> 영역에 출력하는 함수
<script>
// <body> 에 출력
doucument.write("안녕하세요. JavaScript!");
</script>
<body> 영역에 출력되는 것이니
웹 화면에 바로 출력된 것을 확인할 수 있다.
- console.log( )
console 창에 출력되는 함수
<script>
// console 창에 출력
console.log('안녕하세요. JavaScript!');
</script>
console 창은 웹 화면에서 F12를 누르면 볼 수 있는 개발자모드 화면에 있다.
F12를 누르면 위의 사진처럼 오른쪽에 화면이 하나 더 생기고 Console 탭이 있는 것을 볼 수 있다.
console.log( ) 함수가 그 console 창에서 볼 수 있는 함수이다.
<body> 영역에는 출력되지 않는 것을 확인할 수 있다.
console 창에서는 자바스크립트의 오류도 확인해 볼 수 있다.
프로그래밍을 하다보면 오류가 나기 마련인데 JavaScript는 console 창을 통해서
어느 파일의 몇 번 줄에서 오류가 발생하고 어떤 오류인지 확인할 수 있다.
백쿼트를 사용해서 출력하는 것은 이후의 포스팅에서 다시 언급하도록 하겠습니다.
728x90
반응형
LIST
'Front-End > JavaScript' 카테고리의 다른 글
| [프론트엔드][JavaScript] 6. 데이터 타입 (0) | 2021.09.01 |
|---|---|
| [프론트엔드][JavaScript] 5. Stack / Heap 메모리의 이해 (0) | 2021.08.23 |
| [프론트엔드][JavaScript] 4. 변수 (Variable) - let / var (0) | 2021.08.23 |
| [프론트엔드][JavaScript] 2. <script> 작성 방법 (0) | 2021.08.22 |
| [프론트엔드][JavaScript] 1. JavaScript 에 대하여 (0) | 2021.08.17 |
