[Javascript] 콘솔(console) 활용하기

console이란?

엄밀히는 자바스크립트의 기능이 아니라 - 런타임 환경의 기능이다

환경이란, 브라우저나 Node.js같은 것을 말한다.

 

같은 약속된 기능을 여러 환경에서 실행해주는 것이기 때문에 환경마다 조금씩 다를 수 있다.

하지만, 표준화된 규격에 따라서 내부적으로 구현했기 때문에 큰 틀은 다르지 않다.

 

개발자용 기능이기때문에 소프트웨어 외적으로는 영향을 끼치지 않는다.

때문에 콘솔을 열어 확인하지 않는 이상 사용자에겐 보이지 않음

---

콘솔에 데이터 출력해 보기

console.log('Hello World!')
console.log(1)
console.log({ name: '홍길동', age: 20, married: false })
console.log('Hi!', 100, true, [1, 2, 3])

VS Code로 출력

Chrome 브라우저에서 출력

---

흔히 활용되는 console 기능들

console.log('로그 - 기본적인 출력');
console.info('로그 - 기능적으로는 log와 같음. 사용하기에 따라 용도 구분 가능');
console.warn('경고 - 문제가 될 수 있는 부분');
console.error('오류 - 에러 발생 상황');

---

Javascript 런타임 환경(runtime enviroment)이란?

자바스크립트 코드를 실행할 수 있는 소프트웨어

• 컴퓨터가 회사라면, 자바스크립트란 언어를 구사하는 직원
• 대표적으로 브라우저와 Node.js 등이 있음
• 콘솔 등은 자바스크립트 런타임 환경의 기능