Frontend on Jay's Bloghttps://jaylab.blog/categories/frontend/Recent content in Frontend on Jay's BlogHugoko-krMon, 22 Jan 2024 00:00:00 +0000npm run generate와 npx nuxi generate는 무엇이 다를까https://jaylab.blog/how-to-build-static-web-nuxt/Mon, 22 Jan 2024 00:00:00 +0000https://jaylab.blog/how-to-build-static-web-nuxt/Nuxt 정적 빌드 명령 npm run generate와 npx nuxi generate를 npm run, npx, nuxi 순서로 쪼개 보면 Nuxt 3에서는 같은 빌드다.brew install nvm 다음에 해야 할 일https://jaylab.blog/nvm-error-action/Mon, 15 Jan 2024 00:00:00 +0000https://jaylab.blog/nvm-error-action/Homebrew로 설치한 nvm이 셸에서 동작하지 않아, ~/.nvm을 만들고 .zshrc에서 nvm 스크립트를 불러오게 해 해결했다.템플릿 두 개가 섞인 저장소를 Nx 모노레포로 나누기https://jaylab.blog/front-monorepo/Wed, 10 Jan 2024 00:00:00 +0000https://jaylab.blog/front-monorepo/A·B 템플릿을 한 저장소에 합쳐 쓰다 패키지 충돌이 늘어, Nx 모노레포로 앱을 나눈 과정과 남은 의문을 정리했다.Nuxt3 화면 일부를 PDF로 내려받기https://jaylab.blog/nuxt-html-to-pdf/Tue, 12 Dec 2023 00:00:00 +0000https://jaylab.blog/nuxt-html-to-pdf/Nuxt3 화면의 특정 HTML 영역만 PDF로 내려주기 위해 html2pdf.js를 붙이고 옵션과 다운로드 버튼을 구성한 방법Nuxt3의 default 레이아웃과 페이지별 전환https://jaylab.blog/nuxt-layout-setting/Tue, 31 Oct 2023 00:00:00 +0000https://jaylab.blog/nuxt-layout-setting/Nuxt3 페이지는 설정이 없으면 default 레이아웃을 쓴다. definePageMeta로 페이지마다 고정하고 setPageLayout으로 실행 중에 바꾼다.Nuxt 3의 $fetch가 fetch보다 더 해 주는 일https://jaylab.blog/nuxt-about-fetch/Mon, 23 Oct 2023 00:00:00 +0000https://jaylab.blog/nuxt-about-fetch/$fetch는 fetch에 JSON 파싱과 에러 처리를 얹은 함수이고, 컴포넌트에서는 useAsyncData로 감싸야 두 번 호출되지 않는다.useFetch 안에 들어 있는 useAsyncDatahttps://jaylab.blog/nuxt-usefetch-useasyncdata/Thu, 12 Oct 2023 00:00:00 +0000https://jaylab.blog/nuxt-usefetch-useasyncdata/useFetch는 useAsyncData에 $fetch와 자동 key를 얹은 것이고, key로 캐시된 데이터는 refresh로 다시 받는다.편의성을 위한 입력창 대소문자 변환과 커서 위치 지키기https://jaylab.blog/js-input-upper-lower-case/Tue, 01 Aug 2023 00:00:00 +0000https://jaylab.blog/js-input-upper-lower-case/select 값에 따라 입력값을 대소문자로 강제하다 v-model 값이 안 바뀌고 커서가 끝으로 튀는 문제를 명시적 대입과 setSelectionRange로 풀었다.여러 탭이 같은 쿠키 key를 덮어쓰던 문제https://jaylab.blog/js-cookie/Fri, 21 Jul 2023 00:00:00 +0000https://jaylab.blog/js-cookie/여러 탭이 같은 key의 쿠키를 덮어쓰던 문제를, 쿠키마다 고유 key를 만들어 URL로 넘기는 방식으로 풀었다.