본문 바로가기

Frontend15

[UnJS] [unbuild] javascript 빌드를 위한 시스템 unbuild는 Vue와 Nuxt 생태계에서 자주 사용되는 빌드 도구로, CommonJS(CJS)와 ESM(ES Module) 형식 모두로 출력을 생성할 수 있는 강력하고 유연한 빌드 시스템이다.unbuild : https://github.com/unjs/unbuild GitHub - unjs/unbuild: 📦 A unified JavaScript build system📦 A unified JavaScript build system. Contribute to unjs/unbuild development by creating an account on GitHub.github.com 사용 상황 예시1.  라이브러리 개발: 모듈 개발시 여러 환경에서 동작하도록 배포하는 경우2. ESM/CJS 호환성: 모.. 2024. 11. 21.
[Vue3] 실행관련 build 없이 빠르게 실행하고 싶을때https://vuejs.org/guide/quick-start 2024. 11. 3.
[Vue3] Vue3 Basic with composition api 반복문 key를 고유값으로 해주는게 좋다. 그래야 VueRK 리랜더링할 구역을 쉽게 찾아. 최적화됨값 동적 바인딩을 위해 :key 로 사용({값}, index) 형태로 사용 가능key에 index 넣는건 디폴트이기때문에 딱히 의미없음. 다른 고유값넣기Array, Object 지원.데이터 반응형으로 Array에 값이 추가되거나 삭제시에도 반영됨{{ index, name }} Formv-model modifier 은 커스텀이 가능하다.참고 : https://vuejs.org/guide/components/v-model같은 데이터에 여러 input이 바인딩되면, 각각 업데이트되는대로 데이터가 변경된다.{{ data }} // clickA : A / clickB : Bmodel 여러개와 modifier 쓰기.. 2024. 11. 3.
code CERT_HAS_EXPIRED, request to https://registry.npm.taobao.org/nuxi failed Nuxt CLI를 이용해 프로젝트 생성시 다음과 같은 에러가 발생했다.npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIREDnpm ERR! request to https://registry.npm.taobao.org/nuxi failed, reason: certificate has expirednpm ERR! A complete log of this run can be found in: {프로젝트 경로} 무슨 권한인거지? 라는 생각을 하다 ssl 이슈인건가 싶어서 아래 명령어로 strict-ssl false처리해주었다.npm config set strict-ssl false 그러니 바로 해결~ Nuxt 프로젝트가 정상적으로 생성된다. 2024. 10. 13.