콘솔에 객체 내부 데이터 출력하기 (feat. Vue, React, Javascript)

 

 

Vue나 React, 혹은 그냥 Javascript로 개발할 때 콘솔로 객체를 찍어야할 상황이 종종 찾아온다.

 

var obj = {"id": 1, "name": "korsa"}

console.log(obj);

 

하지만 객체를 바로 찍으면 내부 데이터 대신 [object Object] 로 표시된다.

 

출력>

[object Object]

 

 

이 때 객체를 JSON.stringify() 로 감싸주면 내부 데이터를 볼 수 있다.

console.log(JSON.stringify(obj));

 

출력>

{"id": 1, "name": "korsa"}