far

const state = reactive({ dino: props.dino, commentList: [], replyidNum: [], idCount: [], counting: 1, }); const reply = async () => { await axios .post(url, body, { headers }) .then((res) => { for (let index = 0; index < res.data.replyList.length; index++) { const element = res.data.replyList[index].id; if (!state.replyNum.includes(element)) { state.replyNum.push(element); } if (state.replyNum.i..

라이프사이클 훅(Lifecycle Hooks) 라이프사이클이란 Vue의 인스턴스나 컴포넌트가 생성되고 소멸되기까지의 단계를 말하며, 특정 단계에서 개발자가 의도하는 로직이 실행될 수 있도록 도와준다. 라이프사이클 훅의 단계는 Option API기준 Creation -> Mounting -> Updating -> Destruction 순서로 실행된다. 하지만 Vue3(Composition API)에서는 setup 프로퍼티가 creation을 담당하기 때문에 creation의 사용이 불필요해졌다. 그래도 여전히 vue생태계는 Vue2(Option API)를 사용하는 곳이 많기 때문에 creation이 어떻게 작동되는지 알아둘 필요는 있다. (괄호 안은 Composition API) 1. beforeCreat..