dev_0hoon

사이드 프로젝트 중 상세에서 목록으로 이동할 때에 들어왔던 상태의 화면을 표시하려 했다. 1. KeepAlive 방식(시도)// app.vue - NuxtPage에 keepalive 활성화// 페이지 파일 - 캐시할 페이지에 keepalive: truedefinePageMeta({ layout: 'member', keepalive: true }) KeepAlive는 Vue와 Nuxt에서 컴포넌트의 상태를 메모리에 박제(캐싱) 해두는 기능이다.사용자가 A페이지에서 B페이지로 이동하면, A컴포넌트는 파괴(Unmount)되고 메모리에서 사라진다.하지만 KeepAlive로 감싸주면 컴포넌트가 파괴되지 않고 '비활성화(Deactivated)' 상태로 메모리에서 머물다가, 다시 돌아왔을 때 이전의 데이터, 입력값,..

개인 운동기록 & pt 매칭 프로그램을 만들며 Nuxt를 사용하게 됐다. 몇 주간 Nuxt을 개인적으로 공부하며 잡힌 사용 방법에 대해 기록한다.  ✅ 파일구조1️⃣ 서문나는 백엔드를 주로 사용하던 개발자로써 기존 아키텍처에 대해 익숙하다- 컨트롤러 -> 서비스 -> 맵퍼- 컨트롤러 -> 서비스 -> 레파지토리 그리고 데이터를 운반하는 dto, vo, entity의 개념이 익숙하다.  1) domain별로 컨트롤러,서비스,레파지토리, dto, entity로 레이어드 아키텍처 파일구조 이거나2) presentation, domain, infrastructure 로 클린 레이어드 아키텍처의 파일구조2가지를 주로 사용한다. 2️⃣ Nuxt의 파일구조에 대한 생각기존 vue에 대한 개념을 잡고 싶어 인프런의 캡..