컴파일 시점 변수 undefined

Question

안녕하세요 강의 내용 중 궁금한 점이 생겨 글을 남깁니다. 강의 내용 중 title undefind 오류가 created가 실행되고 axios기능으로 데이터를 받아오는 도중에 post.prev.title과 post.next.title 부분이 컴파일되어 인식되지 못하는 이유로 발생한다고 이해했습니다. 여기서 탬플릿 내에 axios기능으로 받아오는post.title과 post.modify_dt, post.owner와 같은 인스턴스들은 정상적으로 받아 올 수 있는 이유가 궁금합니다. 좋은 강의 감사합니다.

김석훈 · Answer

안녕하세요. 독자님. 컴파일 시점에, post=={ } 이고 post.prev==undefined 상태입니다. 즉 post 는 undefined 가 아니므로, post.title / post.modify_dt / post.owner 가 에러가 안나는 것 입니다. 그리고 나서, 서버로 부터 axios 응답을 받으면, post 에 title / modify_dt / owner / prev / next 등이 채워집니다. 그리고 나서 템플릿 렌더링이 수행되고, 화면에 정상적으로 보여지는 것 입니다. 감사합니다.