본문 바로가기
💎 리액트

React json 형태의 [object Object] 출력하기

by 비타민찌 2022. 4. 21.
728x90

React에서 json 형태의 object 변수(responseObj)를 alert나 console.log로 찍고싶을때

alert(responseObj); 로만 찍으면 [object Object] 라고 나온다.

 

responseObj의 내용을 알고 싶다면

alert(JSON.stringify(responseObj)); 라고 찍어주면 된다.

 

 

 

[ #리액트소설 : 1 편 : #Object씨의_속마을_모르겠어.. ]

등장인물 소개

에반 오브젝트(Evan object): 프론트엔드 시니어 개발자 / 34살

오스틴 콘솔(Austin console): 프론트엔드 주니어 개발자 / 28살

스트링파이 제이슨(stringify json): 프론트엔드 신입 개발자 / 26살

내용

[ 오브젝트를 좋아하는 콘솔. 오늘도 먼저 말은 건낸다. ]

콘솔 : 오브젝트님~!(소곤소곤) 오늘 점심은 뭐 드실거예요?

오브젝트 : ...

콘솔 : 점심.. 드실거죠?? (소곤소곤)

오브젝트 : ...네

콘솔 : 저.. 대답 좀.. 고개만 끄덕끄덕이라도..ㅠ-ㅠ

오브젝트 : ...네?

콘솔 : (대체.. 왜 말을 잘 안해주시는걸까..? 속상해..)

 

[결국 말 한마디 없이 사내 식당 리액트에서 점심을 먹는 오브젝트와 콘솔.

그 때 갑자기 누군가 오브젝트와 콘솔 사이로 들어온다.]

 

제이슨: 안녕하세요~!^^ 저 오늘 입사한 제이슨이라고 합니다!!

하하하 혹시 콘솔님?? 콘솔님이 제 사수예요!! 저희 점심 같이 먹어요~^^

콘솔: 에..?! 네, 네!! (뭐.. 뭐야 이 당돌한..!)

제이슨: 하하 감사합니다~~^^ 옆에는 혹시 오브젝트님?? 안녕하세요?

두 분 항상 점심 같이 드시나요??

오브젝트: 네 그런 편이예요.^^

콘솔 : 에??? 왜 대답을 그렇게 잘해주세요??

오브젝트: 네..?

제이슨: 하하 제가 오브젝트님 같은 분이랑 말이 잘 통해요~~^^

여기 제 번호. 앞으로 오브젝트님께 궁금하신거 있으시면, 저한테 물어보세요!

제가 통역 해드릴게요~ 푸하하

콘솔 : 아하.. 네 감사해요!.. (뭐지? 무뚝뚝한 오브젝트님보다 훨씬 대화하기 편해.)

(좋다, 이사람..)

콘솔 : 그럼, 우리 자주 이렇게 셋이 점심 먹을까요?

제이슨: 아 좋죠~~! 오브젝트님도 저희 셋이 점심 먹는거 괜찮으세요?^^

오브젝트: 그럽시다!

 

[ 그렇게 셋은 매일 리액트 식당에서 밥도 먹고 이야기도 하게 된다. ]

728x90

댓글