강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

공부중님의 프로필 이미지
공부중

작성한 질문수

Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex

[리팩토링] 할 일 추가 기능

질문이 있습니다!

작성

·

228

1

예제처럼 따라해서 잘 나오긴 하는데 

todoItems에 객체인 obj를 푸시했는데 텍스트가 잘 찍혀 나오는 부분이 잘 이해가 안돼서요..

https://jsfiddle.net/hyuckjin/gzvupr68/

따라해보는 거에서는 잘 나오는데 테스트로 해보면 object가 찍히는데 제가 놓친 부분이 있을까요?

답변 1

1

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 공부중님, 지금 배열에 객체를 담은 다음에 그대로 DOM에 연결하셨기 때문에 저희가 코드 상으로 보는 [{ a: 10 }, { b: 20 }] 형태로 나타나지 않고 [object Object] 이런 형태로 나타나는게 당연합니다 :)

자바스크립트 코드는 저희 개발자가 보기 편한 코드라고 보시면 되고, 브라우저의 웹 페이지에 출력할 때는 HTML 형식에 맞춰서 자바스크립트를 가공해주셔야 데이터가 올바르게 출력됩니다 :)

공부중님의 프로필 이미지
공부중

작성한 질문수

질문하기