Nuxt.js 아는 척 하기

✔️ $fetch nuxt 는 기본적으로 ofetch 라이브러리를 포함하고 있다. useFetch 뒤에서 실행된다. 기본적으로 client side 에서만 사용한다. 서버와 클라이언트 환경에서의 중복 호출 문제 Top level await 를 통한 SSR 시 fetch 를 통해 data 를 가져오면 안 된다 $fetch 파라미터 url : 요청 url options : method : 요청 메서드 설정 query : URL 에 붙일 query params. ufo 라이브러리를 통해 만들어진다. params : query 와 똑같다. body : 요청 body headers : 요청 headers baseURL : 요청 baseURL ✔️ useAsyncData 일반적으로 GET 방식의 통신을 위해 사용된..

📌 개요 CSR, SSR, SPA + MPA 가 한 개의 글로 묶여 올라가게 된 이유는 뭘까... Nuxt.js 를 사용하는 현장실습을 하면서 가장 많이 들었으나 들을 때마다 헷갈리던 개념들이기 때문이다. CSR, SSR, SPA, MPA 개념들은 Nuxt 의 렌더링 과정을 알아볼 때 쓰인다. 관련하여, 브라우저의 렌더링 과정의 이해에 있어 도움이 될 것 같아 정리하고자 한다. 📌 CSR, SSR, SPA, MPA 💡 Nuxt 가 몰까나... 먼저, Nuxt 란 Vue.js 프레임워크 기반의 개발 환경 구축에 도움을 주는 프레임워크이다. Vue 프로젝트에서 사용되는 여러 유용한 라이브러리들을 기본적으로 탑재하고 있는 프레임워크라고 할 수 있다. ✔️ Single Page Application (SPA..