Nuxt3

이번에 맡게 된 관리자용 대시보드 프로젝트에서 서버가 준비되지 않은 상황이라, 서버리스 함수랑 Faker 라이브러리를 사용해 Mock 데이터를 만들어봤다. 서버가 아직 연동되지 않은 상황에서 프론트엔드 작업을 진행하려다 보니 임시 데이터가 필요했는데, 이 방법이 꽤 유

최근에 Nuxt 3 기반 프로젝트를 진행하면서 데이터 fetching에 대한 고민이 깊어졌다. 초기에는 Nuxt 3에서 제공하는 useAsyncData를 사용했는데, 이후 TanStack Query로 전환하게 된 과정을 기록해본다.프로젝트 초반에는 Nuxt 3의 공식

이번 프로젝트에서 구현해야 했던 기능은 다음과 같았다. 사용자가 왼쪽 리스트에서 퀘스트를 선택하여 오른쪽 리스트에 추가하거나, 드래그 앤 드롭으로 순서를 변경하는 UI를 제공하는 것이다. 또한, 특정 상태(완료, 진행 중)에 있는 항목은 드래그로 순서를 변경할 수 없도

최근 Nuxt 3 기반 프로젝트에서 데이터 fetching 방식을 두고 고민했던 경험이 있다. 처음에는 Nuxt 3의 공식 기능인 useAsyncData를 사용했으나, 프로젝트 특성상 CSR(Client-Side Rendering)으로 배포하기로 결정하면서 더 적합한