esling.config.js/ .prettierrc.json가 있는 버전입니다. setting.json에서 "editor.codeActionsOnSave": { "source.fixAll.eslint": 'explicit" }, "editor.formatOnSave" : true 위와 같이 설정했고, extensions에서는 ESLint만 설치했습니다. 그런데, 파일 수정 후 저장을 해도 포맷팅이 자동으로 되지 않습니다.ㅜㅜ (더블쿼트 저장 후 싱글쿼트로 자동 수정 안됨.) ESLint 역시 제대로 적용된건지 어떻게 확인해야 할 지 모르겠습니다. 그런데, VSCODE에서 아래와 같이 오류가 발생 중입니다. formatting - Extension 'esbenp.prettier-vscode' is configured as formatter but not available
안녕하세요! UI 라이브러리를 이용해서 공통 컴포넌트를 개발하고 있습니다. UI 라이브러리 컴포넌트 중에 slot이 있는 경우에는, 아래와 같이 이중 slot을 적용했습니다. 제가 만든 컴포넌트가 commonComponent이고, 그 안에서 라이브러리에서 제공하는 ui-component를 사용하는 경우입니다. *commonComponent.vue <ui-component> <template #uiSlot="v"> {{ v }} // Boolean <slot name="common" v-bind="v"> </slot> </template > </ui-component> 그럼 실제 화면 개발 시에는, 아래와 같이 전달을 하게 되는데... v 값이 Boolean으로 들어와야 하는데 Object로 들어옵니다. <common-component> <template #common="v> {{ v }} // Object </template> </common-component> 콘솔을 찍어보면 #uiSlot="v" -> 여기는 Boolean인데, #common="v -> 여기서는 Object로 변경됩니다. 이중 또는 중첩된 Slot에서 props를 전달할 때, 어떻게 해야 할 지 모르겠어서 질문 드립니다 ㅜㅜ
안녕하세요. 자식 컴포넌트에서 부모 컴포넌트로 emit을 사용해서 event를 전달하는 내용을 실습하고 있습니다. 강사님을 따라서 자식컴포넌트에서 전달하는 event명을 createPost(카멜케이스)로 작성하고 부모컴포넌트에서 event 리스터에는 create-post(케밥케이스) 로 입력했는데 이벤트가 실행이 안됐습니다. 그러다가 둘다 케밥 케이스로 통일하니깐 이벤트가 실행이 잘 되더라구요. 왜그런 건지 알수 있을까요?
PS C:\Users\97gyu\OneDrive\바탕 화면\폴더\이규성\깃허브\vue-project> npm i vite npm error code 3221225477 npm error path C:\Users\97gyu\OneDrive\바탕 화면\폴더\이규성\깃허브\vue-project\node_modules\esbuild npm error command failed npm error command C:\WINDOWS\system32\cmd.exe /d /s /c node install.js npm error A complete log of this run can be found in: C:\Users\97gyu\AppData\Local\npm-cache\_logs\2024-12-16T13_10_50_883Z-debug-0.log PS C:\Users\97gyu\OneDrive\바탕 화면\폴더\이규성\깃허브\vue-project> npm install -g npm 2 npm cache clean --force v22.12.0 node -v 버전입니다 어떠한 오류 인지 알 수 있을까요? 검색 후 시도를 해보았는데 안되네요 ㅠ
Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)
onCreateUser와 onDeleteUser 함수 작성 후 에뮬레이터를 실행하면 functions.region is not a function이라고 로그에 나오고 있는데 혹시 firebase-functions 버전 문제일까요??ㅠㅠ 어떻게 해결 해야할 지 모르겠어요ㅠㅠ 도움 부탁드립니다~
[plugin:vite:import-analysis] Failed to resolve import "vue-router" from "src/router/index.js". Does the file exist? import { createRouter, createWebHistory } from 'vue-router' vue-router를 불러올 수 없는데 어떻게 해야될까요?
질문은 자세하게 적어주실 수록 좋습니다. 어느 부분을 수강중이신지 -> bmi 계산기 프로그램 완성하기 내가 어떻게 했는데, 어떤 결과가 나오기를 기대했는데, 다른 결과가 나왔는지 -> 노션의 코드들을 다 복사해서 붙여넣기 했는데 homepage 영역이 안나옵니다 작성하신 코드 및 오류 스크린샷 을 함께 첨부해주시면 좋아요!
Vue CLI v5.0.8 ✨ Creating project in /Users/yeji/Desktop/2-17__/myfirestvuewapp. ⚙ Installing CLI plugins. This might take a while... npm error code EACCES npm error syscall open npm error path /Users/yeji/.npm/_cacache/tmp/e7f990df npm error errno EACCES npm error npm error Your cache folder contains root-owned files, due to a bug in npm error previous versions of npm which has since been addressed. npm error npm error To permanently fix this problem, please run: npm error sudo chown -R 501:20 "/Users/yeji/.npm" npm error Log files were not written due to an error writing to the directory: /Users/yeji/.npm/_logs npm error You can rerun the command with --loglevel=verbose to see the logs in your terminal ERROR Error: command failed: npm install --loglevel error --legacy-peer-deps Error: command failed: npm install --loglevel error --legacy-peer-deps at ChildProcess.<anonymous> (/usr/local/lib/node_modules/@vue/cli/lib/util/executeCommand.js:138:16) at ChildProcess.emit (node:events:518:28) at maybeClose (node:internal/child_process:1104:16) at ChildProcess._handle.onexit (node:internal/child_process:304:5) yeji@gim-yejiui-MacBookPro 2-17__ % sudo npm i -g @vue/cli;2A
배열이나 객체를 사용할 때는 reactive()를 사용하는 것으로 알고있습니다. 해당 코드에서는 reactive([]) 대신 ref([])를 사용했더라구요. const checkboxValues = ref([]) reactive([])를 사용하니 checkbox에 v-model이 제대로 동작하지 않았습니다. 그 이유는 무엇인가요?
plugins { id 'java' id 'org.springframework.boot' version '3.0.5' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id "org.asciidoctor.jvm.convert" version "3.3.2" } group = 'org.spring' version = '0.0.1-SNAPSHOT' sourceCompatibility = '17' configurations { compileOnly { extendsFrom annotationProcessor } asciidoctorExt } repositories { mavenCentral() } ext { snippetsDir = file('build/generated-snippets') } dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-starter-validation' implementation 'org.springframework.security:spring-security-crypto' implementation 'org.springframework.session:spring-session-jdbc' implementation 'org.springframework.boot:spring-boot-starter-security' implementation 'org.springframework.security:spring-security-test' implementation 'org.bouncycastle:bcprov-jdk15on:1.70' implementation 'com.querydsl:querydsl-core:5.0.0' implementation 'com.querydsl:querydsl-jpa:5.0.0:jakarta' annotationProcessor "com.querydsl:querydsl-apt:5.0.0:jakarta" annotationProcessor 'jakarta.persistence:jakarta.persistence-api' annotationProcessor 'jakarta.annotation:jakarta.annotation-api' implementation 'io.jsonwebtoken:jjwt-api:0.11.5' runtimeOnly 'io.jsonwebtoken:jjwt-impl:0.11.5' runtimeOnly 'io.jsonwebtoken:jjwt-jackson:0.11.5' annotationProcessor "org.springframework.boot:spring-boot-configuration-processor" asciidoctorExt "org.springframework.restdocs:spring-restdocs-asciidoctor:3.0.0" testImplementation "org.springframework.restdocs:spring-restdocs-mockmvc:3.0.0" annotationProcessor "org.springframework.boot:spring-boot-configuration-processor" compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' testCompileOnly "org.projectlombok:lombok" testAnnotationProcessor "org.projectlombok:lombok" runtimeOnly 'com.h2database:h2' testImplementation 'org.springframework.boot:spring-boot-starter-test' implementation 'org.modelmapper:modelmapper:3.2.0' } tasks.named('test') { useJUnitPlatform() } test { outputs.dir snippetsDir } asciidoctor { inputs.dir snippetsDir configurations 'asciidoctorExt' dependsOn test } asciidoctor.doFirst { delete file("src/main/resources/static/docs") } bootJar { enabled = true dependsOn asciidoctor copy { from asciidoctor.outputDir into "src/main/resources/static/docs" } } jar { enabled = false } FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':compileJava'. > Compilation failed; see the compiler error output for details. * Try: > Run with --info option to get more log output. > Run with --scan to get full insights. BUILD FAILED in 6s 안녕하세요 querydsl 빌드 후 Q class 임포트 하는 곳에서 에러가 발생합니다 ㅠ 구글링해서 이런 저런 방법 찾아서 혼지사 해보려고 했는데 쉽지않네요.. 그 밖에 캐시 지우고 재시작, java SDK 설정, 빌드설정 등 여러가지 방법을 해보았는데 잘 안됩니다 ㅠ 두세시간 정도 삽질중인데 도움 좀 주실 수 있을까요..
