[Window_Console] JS - console.group() 메서드 - 콘솔에서 메시지 그룹 생성 시작 (= console.group메서드 = 콘솔그룹 메서드)

목차

1. console.group() 예제 - 콘솔에서 메시지 그룹 생성
2. console.group() 정의
3. console.group() 구문
4. console.group() 예제 - 콘솔에서 메시지 시작/종료 설정
5. console.group() 예제 - 메시지 그룹 이름 지정

console.group() 예제 - 콘솔에서 메시지 그룹 생성

※ console.group(); 이후의 메세지는 별도 메세지 그룹으로 관리됨.

 

<script>

console.log("홈짱닷컴 Homzzang.com");

console.group();

console.log("홈페이지 제작관리 강의");

</script>

 

결과값:

홈짱닷컴 Homzzang.com

console.group

    홈페이지 제작관리 강의

PS. 결과확인방법: F12키 > Console탭

console.group() 정의

 

콘솔에서 메시지 그룹의 시작을 지정.

 

---

 

1. 

이후 메시지는 모두 이 그룹에 속함.

 

2.

• console.groupEnd() 메서드 - 메시지 그룹 '끝(=종료)' 지정.
• console.groupCollapsed() 메서드 - 메시지 그룹 숨기기 (기본값: 축소)

 

3.

IE11 이상 주요 최신 브라우저 모두 지원.

 

console.group() 구문

 

console.group(label)

 

---

[매개변수]

 

label

선택. 그룹 이름 지정. (문자열 형식)

 

console.group() 예제 - 콘솔에서 메시지 시작/종료 설정

 

<script>

console.log("그룹 소속 X");

console.group();

console.log("그룹 소속 O");

console.groupEnd();

console.log("그룹 소속 X");

</script>

 

결과값:

그룹 소속 X

console.group

    그룹 소속 O

그룹 소속 X

console.group() 예제 - 메시지 그룹 이름 지정

 

<script>

console.log("홈페이지 제작관리");

console.group("hz");

console.log("홈짱닷컴 Homzzang.com");

</script>

 

결과값:

홈페이지 제작관리

hz

    홈짱닷컴 Homzzang.com