여분의 해마

props와 ref 복합적으로 사용할 때 헷갈려서 정리용으로 남깁니다. if (Array.isArray(props.parentArray) && props.parentArray.length > 0 && childRefConst.value !== '' && childRefConst.value !== undefined) { tmp = props.parentArray[childRefConst.value]; //인덱스에 붙일 때 감싼거면 .value붙이기 } else { tmp = ''; } template에서는 - props 안붙이고 변수명만 사용 script에서 - ref는 .value와 함께 - 상속받은 변수는 꼭 props.변수 => .value 안 붙여도됨

엄청 골머리를 앓다가 해결함 div에 툴팁을 주고, 툴팁내용을 출력하는데 조건에 따라 div가 안보일때도 있음 근데 자꾸 에러가 나서 3시간동안 디버깅한 결과, 툴팁 내용을 그냥 {{ 배열 변수}} 이렇게 줬더니 여기는 조건 상관없이 렌더링이 계속 돼서 오류가 났던 거였다. 아래처럼 툴팁 안에 div를 설정하고 v-if 설정하니까 드디어 해결.... {{ 배열[index][subIndex] }} {{ 배열[index][subIndex] }} chatGPT로 계속 질문해가면서 고쳤다. 아래는 GPT 답변 툴팁의 렌더링을 조건부로 제어하기 위해 `v-if` 조건을 추가한 것은 올바른 접근입니다. 그러나 `v-if` 조건을 통해 툴팁의 렌더링을 숨기려면 해당 툴팁을 감싸고 있는 `div` 요소에 `v-tool..

1. vetur을 깔면 루트 폴더 - 서브 폴더 구조에서 vue를 못찾는 것 같음 2. vetur을 확장프로그램에서 지우고, 대신 volar를 설치함 3. nuxt3 포맷팅을 위해서 eslint, prettier를 설치함 https://velog.io/@korjsh/vue.js-vscode-eslint-prettier-%EC%84%A4%EC%A0%95 vue.js vscode eslint & prettier 설정 vue cli 라이브러리 설치 후, npx를 통해서, 프로젝트를 하나 만든다. 아래와 같이 설정 한다. 설정 완료후, 프로젝트 세팅을 진행 시켜준다. 아래와 같은 화면이 나오면 설치가 정상적으로 진행된 velog.io https://www.inflearn.com/questions/626182/n..