console.log()

 

🟣 console.log()

JavaScript에서 값을 콘솔(개발자 도구의 Console 창)에 출력하는 함수로, 주로 디버깅(debugging) 용도로 사용한다.

 

◼️ 사용법과 예제

// 1. 기본 메시지 출력
console.log("프로그램이 시작되었습니다.");

// 2. 변수와 함께 출력
let score = 95;
console.log("현재 점수:", score); // "현재 점수: 95"

// 3. 연산 결과 출력
console.log(10 + 20 + 30); // 60

// 4. 불리언(참/거짓) 출력
console.log(10 > 5); // true

• 단순 텍스트 출력: 문자열은 큰따옴표(") 또는 작은따옴표(')로 감싸서 작성한다.
• 변수 값 확인: 변수 이름을 전달하면 현재 저장된 값이 출력된다.
• 여러 값 동시 출력: 쉼표(,)로 구분하여 여러 값을 한 번에 출력할 수 있다.

 

❓ 왜 alert() 대신 console.log()를 사용할까요 ❓

입문자들은 화면에 바로 보이는 alert()를 선호하는 경우가 많지만, 실제 개발에서는 console.log()가 훨씬 더 자주 사용된다.

• 흐름의 방해 여부: alert()는 확인 버튼을 누르기 전까지 코드 실행을 완전히 멈추는(동기식, Synchronous) 방식이다.
  반면 console.log()는 실행을 멈추지 않고 결과만 콘솔에 출력한다.
• 가독성: 콘솔에서는 객체({})나 배열([]) 같은 복잡한 데이터 구조를 펼쳐서 확인할 수 있다.
• 작업 효율 및 성능: 여러 번 출력이 필요한 상황에서 alert()를 사용하면 매번 확인 버튼을 눌러야 하지만,
  console.log()는 한 번에 모든 로그를 연속적으로 확인할 수 있어 훨씬 효율적이다.

 

🌟 팁: 콘솔 출력 확인 방법

브라우저(크롬, 엣지 등)에서 콘솔을 여는 방법은 다음과 같다.

1. 키보드에서 F12 키를 누른다.
2. 개발자 도구(Developer Tools)가 열린다.
3. 상단 메뉴에서 Console(콘솔) 탭을 선택한다.
4. 코드에서 실행한 console.log() 결과를 확인한다.

 

 

📍  POINT 📍 

✔️ console.log()는 개발자가 코드의 실행 과정을 추적하기 위해 사용하는 출력 함수이다. ✔️

✔️ 쉼표(,)를 사용하여 문자열과 변수를 섞어서 출력하면 훨씬 알아보기 쉽다. ✔️

✔️ 에러를 찾거나 변수의 현재 상태를 알고 싶을 때 가장 먼저 사용해야 하는 기술이다. ✔️