전체 글

nuxt/ui 설치 npm install @nuxt/ui @nuxtjs/color-mode @nuxt/icon  💥 설치 시 Error가 발생했다!![vite-node] [ERR_LOAD_URL] #tailwind-config/theme/colors 참고 링크→ Tailwind CSS and Nuxt UI의 충돌로 발생한 에러라는 뜻  만약 이 에러가 발생했다면 defineNuxtConfig 내부의 모듈 정의 순서를 바꿔주면 된다.// @nuxt/ui가 앞에 위치해야 한다.modules: ["@nuxt/ui", "@nuxtjs/tailwindcss"],그리고 애초에 nuxt/ui를 쓸거면 따로 깔 이유가 하등 없다…나는 tailwind를 먼저 설치해서 그런거였다ㅜ

ESLint코딩 컨벤션에 위배되는 코드나 안티 패턴을 자동 검출하는 도구JS코드에서 발견된 문제 패턴을 식별하기 위한 정적 코드 분석 도구 (에러 표시)다양한 방식으로 구현할 수 있는 코드 방식을 일관성있게 구현할 수 있도록 잡아준다.처음부터 유용하게 사용할 수 있는 스타일 가이드(built-in rule)을 제공하지만 개발자가 자신의 스타일 가이드를 작성할 수도 있다. ESLint Module - Nuxt ESLintAll-in-one ESLint integration for Nuxt. It generates a project-aware ESLint flat config and provides the ability to optionally run ESLint check along side the dev..

computed()반응형 데이터를 포함하는 복잡한 논리를 표현할 때 사용하는 계산된 속성 계산된 ref를 반환하기 때문에 computed 값 또한 .value를 통해 접근한다. (템플릿 표현식에서는 .value 없이 참조 가능) computed는 해당 computed 값이 의존 중인 반응형 데이터 ref, reactive 등의 변경을 자동으로 추적한다. computed는 의존된 반응형을 기반으로 캐시된다.const scores = ref([100, 80, 88, 50, 70, 90, 96])const average = computed(() => { const sum = scores.value.reduce((sum, item) => (sum += item), 0) return sum / scores.v..