[생활코딩] JavaScript 2. 콘솔

 

* JavaScript 목차

 

 

1. 콘솔 (console)

- JavaScript를 실행하는 또 다른 방법
- 코드를 실행해야 하는 가벼운 상황에서 유용
 
 
 

2. 웹 페이지에서 실행하는 법

1. 오른쪽 클릭 - [검사] - [콘솔탭]
* 콘솔 창은 개발자 도구에 있음

[CSS] 5. 개발자 도구

 
2. 자바 스크립트 코드를 즉석에서 실행할 수 있음
- 코드 입력하고 엔터 누르면 됨
- 같은 코드 다시 입력하고 싶으면 위쪽 화살표

문자 개수 확인하기

결과로 뜬 경고창

 
 
 

3. 특징

- 웹페이지를 대상으로 JS 코드가 실행됨
- [Elements] 탭으로 가서 esc 버튼을 누르면 하단에 콘솔이 나타남
- 실행을 유보하고 싶을 때 : 시프트 + 엔터
 
 
 

4. 활용

- 간단한 데이터 처리 (사칙연산)
- 텍스트가 몇 개의 글자로 이루어져 있는지 확인
- 페이스북 댓글에서 당첨자 뽑기 (기존에 작성한 github 코드 활용)
 
* 버그 찾기

- 콘솔창에 경고가 뜸
- [소스] 탭으로 이동하면 빨간 줄로 표시된 게 버그
 
 
* 크롬 개발자 도구 단축키
- 윈도우 : 컨트롤+시프트+J
 
 
* 환경에 따른 출력
1) document.write
- 웹페이지에 텍스트 출력
 
2) console.log
- 콘솔과 같은 환경에서 텍스트 출력