npm run generate와 npx nuxi generate는 무엇이 다를까
Nuxt 정적 빌드 명령 npm run generate와 npx nuxi generate를 npm run, npx, nuxi 순서로 쪼개 보면 Nuxt 3에서는 같은 빌드다.
Frontend
brew install nvm 다음에 해야 할 일
Homebrew로 설치한 nvm이 셸에서 동작하지 않아, ~/.nvm을 만들고 .zshrc에서 nvm 스크립트를 불러오게 해 해결했다.
템플릿 두 개가 섞인 저장소를 Nx 모노레포로 나누기
A·B 템플릿을 한 저장소에 합쳐 쓰다 패키지 충돌이 늘어, Nx 모노레포로 앱을 나눈 과정과 남은 의문을 정리했다.
Nuxt3 화면 일부를 PDF로 내려받기
Nuxt3 화면의 특정 HTML 영역만 PDF로 내려주기 위해 html2pdf.js를 붙이고 옵션과 다운로드 버튼을 구성한 방법
Nuxt3의 default 레이아웃과 페이지별 전환
Nuxt3 페이지는 설정이 없으면 default 레이아웃을 쓴다. definePageMeta로 페이지마다 고정하고 setPageLayout으로 실행 중에 바꾼다.
Nuxt 3의 $fetch가 fetch보다 더 해 주는 일
$fetch는 fetch에 JSON 파싱과 에러 처리를 얹은 함수이고, 컴포넌트에서는 useAsyncData로 감싸야 두 번 호출되지 않는다.
useFetch 안에 들어 있는 useAsyncData
useFetch는 useAsyncData에 $fetch와 자동 key를 얹은 것이고, key로 캐시된 데이터는 refresh로 다시 받는다.
편의성을 위한 입력창 대소문자 변환과 커서 위치 지키기
select 값에 따라 입력값을 대소문자로 강제하다 v-model 값이 안 바뀌고 커서가 끝으로 튀는 문제를 명시적 대입과 setSelectionRange로 풀었다.
여러 탭이 같은 쿠키 key를 덮어쓰던 문제
여러 탭이 같은 key의 쿠키를 덮어쓰던 문제를, 쿠키마다 고유 key를 만들어 URL로 넘기는 방식으로 풀었다.