230606 개발일지 TIL -  [object Object],[object Object]

프로젝트 작업 중 영화장르를 불러오는 화면 UI에 [object Object],[object Object]가 나타났다.

${}는 Template Literals(템플릿 리터럴) 또는 Template Strings(템플릿 문자열)이라고 안에 함수나 변수를 담아 사용할 수 있는데

<p>Genre:&nbsp;<span>${movieDetails.genres}</span></p>

위와 같이 코드를 작성하니 화면에 Gennre: [object Object],[object Object] 라고 나왔다.
객체를 살펴보니 객체 안에 중첩된 객체가 있었다.

<p>Genre:&nbsp;<span>${movieDetails.genres[0].name}</span></p>

그래서 위와 같이 객체에 접근해서 인덱스를 지정하고 값을 넣어주어 해결하였다.
알면 알수록 재미있었다.