인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

길잡이님의 프로필 이미지
길잡이

작성한 질문수

Vue.js - Django 연동 웹 프로그래밍 (실전편)

axios-prev-next 기능 확인

컴파일 시점 변수 undefined

작성

·

226

0

안녕하세요 강의 내용 중 궁금한 점이 생겨 글을 남깁니다.

강의 내용 중 title undefind 오류가 created가 실행되고 axios기능으로 데이터를 받아오는 도중에 post.prev.title과 post.next.title 부분이 컴파일되어 인식되지 못하는 이유로 발생한다고 이해했습니다.

여기서 탬플릿 내에 axios기능으로 받아오는post.title과 post.modify_dt, post.owner와 같은 인스턴스들은 정상적으로 받아 올 수 있는 이유가 궁금합니다.

좋은 강의 감사합니다.

 

답변 1

1

김석훈님의 프로필 이미지
김석훈
지식공유자

안녕하세요. 독자님.

컴파일 시점에, post=={ } 이고 post.prev==undefined 상태입니다.

즉 post 는 undefined 가 아니므로, post.title / post.modify_dt / post.owner 가 에러가 안나는 것 입니다.

그리고 나서, 서버로 부터 axios 응답을 받으면,

post 에 title / modify_dt / owner / prev / next 등이 채워집니다.

그리고 나서 템플릿 렌더링이 수행되고, 화면에 정상적으로 보여지는 것 입니다.

감사합니다.

길잡이님의 프로필 이미지
길잡이
질문자

답변 감사드립니다.

길잡이님의 프로필 이미지
길잡이

작성한 질문수

질문하기