I. 콘솔에 데이터 출력해보기
⭐ 문법
console.log( 로그에_출력할_값 );
console.log( 값1, 값2, 값3... );
1. 브라우저 콘솔 사용해보기
console.log('Hello World!');
console.log(1);
console.log(true);
console.log({name: '홍길동', age: 20, married: false});
console.log('Hi!', 100, true, [1, 2, 3]);
- 콘솔 비우기:
Ctrl+L- 윈도우, 맥 모두
2. 💻 Node.js의 REPL 사용해보기
- Read Eval Print Loop
node로 자바스크립트 명령 입력 모드 진입 후 입력- 모드 종료:
ctrl+c2회
3. Node.js 환경에서 .js파일로 실행하기
- VS Code에서 프로젝트 폴더 열람
(원하는 파일명).js파일 생성- 코드 입력 후 저장
node (파일명)로 실행-
Code Runner 확장 기능 사용
- 윈도우:
Ctrl + Alt + N - 맥:
control + option + N
- 윈도우:
II. console이란 무엇인가요?
자바스크립트의 기능 ❌ - 환경의 기능 - 👇 맨 아래에 추가설명
- 브라우저: 🔗 Web API의 기능 중 하나
- Node.js: 🔗 디버깅을 위한 모듈 - 브라우저의 콘솔과 유사하게 동작
-
아래를 브라우저와 Node.js(REPL, 코드파일 실행)에서 각각 실행해보세요!
console.log(this);
💡 소프트웨어 외적으로는 영향을 끼치지 않음 - 개발자용 기능
- 콘솔을 열어 확인하지 않는 이상 보이지 않음
흔히 활용되는 console 기능들
console.log('로그 - 기본적인 출력');
console.info('로그 - 기능적으로는 log와 같음. 사용하기에 따라 용도 구분 가능');
console.warn('경고 - 문제가 될 수 있는 부분');
console.error('오류 - 에러 발생 상황');
자바스크립트 런타임 환경 runtime environment 이란?
자바스크립트 코드를 실행할 수 있는 소프트웨어
- 컴퓨터가 회사라면, 자바스크립트란 언어를 구사하는 직원
- 대표적으로 브라우저와 Node.js 등이 있음
- 콘솔 등은 자바스크립트 런타임 환경의 기능