you may have an infinite update loop in a component render function 에러 해결 방법

부모 컴포넌트로 물려받은 props나 현재 이용하고 있는 컴포넌트의 data를 수정할땐 안티패턴을 조심해야 한다.

 

참고자료 첨부

 

https://www.binarcode.com/blog/3-anti-patterns-to-avoid-in-vuejs/

https://michaelnthiessen.com/avoid-mutating-prop-directly/

 

그렇지 않으면 안티패턴이 되버리고 배포후 곤란한 상황에 처할수도 있다. 

 

개발환경에선 warning이 떠도 모두 정상적으로 실행됐지만 배포후 무한루프에 걸려 웹 페이지에서 아무것도 할 수 없는 현상이 발생.

 

개발환경의 warning 을 무시하지 말자. 개발환경에서 잘 작동하던것이 프로덕션 환경에선 그렇지 않을수도 있음을 잊지말자~!