🚀 console.log의 [ Object ] 를 객체로 출력하기

콘솔 로그 [object Object] 출력하기

console.log 혹은 alert 로 이중, 삼중 객체로된 데이터를 응답받아 출력해보면 다음과 같이 [ Object ] 스트링으로 출력될 것이다.

{
  eventVersion: '2.1',
  eventSource: 'aws:s3',
  awsRegion: 'ap-northeast-2',
  eventTime: '2022-04-25T10:21:51.904Z',
  eventName: 'ObjectCreated:Put',
  userIdentity: [Object],
  requestParameters: [Object],
  responseElements: [Object],
  s3: [Object]
}

브라우저 콘솔탭에서는 객체 안의 객체를 볼수 있는 기능이 내장되어 있어 안의 객체의 정보를 보는데 문제는 없지만, 텍스트 파일의 로그에 콘솔을 출력하게되면 위와 같이 객체의 정보를 알수가 없어 난감해질 때가 있다.

 

이때 JSON.stringify 메소드를 이용하면 이중, 삼중으로 겹겹히 쌓여진 객체를 JSON형식으로 깨끗하게 풀어 출력할수 있다.

console.log(JSON.stringify(data, null, 2));

{
    "eventVersion": "2.1",
    "eventSource": "aws:s3",
    "awsRegion": "ap-northeast-2",
    "eventTime": "2022-04-25T10:37:23.501Z",
    "eventName": "ObjectCreated:Put",
    "userIdentity": {
        "principalId": "AWS:AIDAYXPEPKI7JH2G44W3T"
    },
    "requestParameters": {
        "sourceIPAddress": "220.117.48.100"
    },
    "responseElements": {
        "x-amz-request-id": "X831T3RYD40KHMR0",
        "x-amz-id-2": "TjfGvNWnYki/ZRJfhH9/d0DWYGDhpOfkZHZpIgnwDclh3HanD/HBGnDEhyS4sEl+XRFJ73lynlYWWjSk+HiIu0gTi4wobTR76NJHxQa0jq8="
    },
    "s3": {
        "s3SchemaVersion": "1.0",
        "configurationId": "cc63115c-2060-4c20-b7ab-c225d027a5b4",
        "bucket": {
            "name": "testbucket-010",
            "ownerIdentity": {
                "principalId": "A1OP8TBWXPIMOQ"
            },
            "arn": "arn:aws:s3:::testbucket-010"
        },
        "object": {
            "key": "%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C.gif",
            "size": 2004301,
            "eTag": "eecf688d29edf9a8b4a6a1457a6330c2",
            "sequencer": "00626679E369DD70B7"
        }
    }
}