🚀 Nuxt.js 비동기 데이터 🔽 호출 방법 📦 개요 Nuxt.js는 SSR(Server Side Rendering) Framework로 Vue.js Single Paga Application과 `REST API` 호출 방식을 다르게 접근해야 합니다. 📦 Single Page Application과의 차이점 CSR(Client Side Rendering)인 Vue Single Page Application Data 호출 방식은 아래와 같습니다. {{ user }} `Created()` Life Cycle Hook을 이용해 Component가 생성되면 Server에 Data를 요청해 받아온 결과를 화면에 표시하는 Code에요. 이때 Server에 Data를 요청하는 시점은 브라우저에서 Vue.js Cod..

🚀 개요 `Promise`는 이전 작업이 완료될 때까지 다음 작업을 연기 시키거나, 작업 실패를 대응 할 수 있는 기능을 제공하는 `JavaScript`의 기능인 것이에요. 또한 어떤 작업의 중간 상태를 나타내는 객체인 것이에요. 즉, 미래에 어떤 종류의 결과가 반환됨을 `약속(Promise)`해주는 객체라고 보면 되는 것이에요. `JavaScript`는 비동기로 작업을 처리하기 때문에 어떤 Method가 실행중이더라도 다음 내용을 실행해 버리는 문제가 있는 것이에요. 이 때, `async`는 `JavaScript`의 함수로 항상 `Promise`를 반환하게 해 주는 것이에요. `Promise`가 아닌 값을 반환하더라도 `Resolved Promise(이행 상태의 프라미스)`로 값을 감싸 이행된 `Pro..