오류 해결 11

[vue3] props 배열에 ref 변수 인덱싱

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 안 붙여도됨

오류 해결 2023.05.25

[Vue warn]: Failed to resolve component: v-for If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

https://stackoverflow.com/questions/75770846/nuxt-3-and-vuetify-3-failed-to-resolve-component https://codybontecou.com/how-to-use-vuetify-with-nuxt-3.html Nuxt 3 and Vuetify 3: Failed to resolve component: * I wanted to look at Nuxt 3 with Vuetify 3 and unfortunately I get the following error message during setup: [Vue warn]: Failed to resolve component: v-btn ... stackoverflow.com 내 경우 문제는 v-fo..

오류 해결 2023.05.22

[vue3] v-tooltip 조건절(v-if) 적용안될 때

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

오류 해결 2023.05.21

[docker] services.networks additional property search_network is not allowed

왼쪽 그림처럼 docker compose에서 networks를 썼는데 vscode로 빨간줄이 뜨길래 오른쪽으로 고쳤다. 그랬더니 'services.networks additional property search_network is not allowed' 에러코드가 떠서 찾아보니 대부분 들여쓰기 문제거나 문법 오류 문제라 하길래 다시 왼쪽으로 고쳐서 했더니 build됨.. 즉, 빨간줄 무시하고 들여쓰기 알맞게 하기!

오류 해결 2023.04.26

[Vscode, nuxt3] prettier, volar formatting

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..

오류 해결 2023.04.23

[Vscode, Nuxt3] Nuxt.js 디버깅(Debug) 설정하기 - unbound breakpoint some of your breakpoints could not be set. if you're having an issue you can

결론만 말하면 .vscode의 launch.json에서 webroot를 잘 설정하자!! 내 프로젝트의 경우 최상위 폴더에 back과 front가 있고 front안에 nuxt 프로젝트가 있었는데... 그걸 신경안쓰고 그냥 "webRoot": "${workspaceFolder}"로 작성했더니 front 폴더의 파일을 인식하지 못했던 것. 온갖 설정과 삽질을 다하다가 마지막으로 설마 경로가..?이러면서 "webRoot": "${workspaceFolder}/front"이렇게 고쳤더니 중단점 안되던 문제가 한번에 해결되어서 허탈했다.. { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "client:..

오류 해결 2023.04.18

[django] django project와 app 환경변수 공유하기

2023-04-26기준 dotenv와 os.getenv가 제일 쉬운것 같아요 from dotenv import load_dotenv load_dotenv() # project의 setting from os.path import join # Build paths inside the project like this: BASE_DIR / 'subdir'. # 상위폴더가 있어서 BASE_DIR을 아래와 같이 수정 BASE_DIR = Path(__file__).resolve().parent.parent.parent print("BASE_DIR: ", BASE_DIR) SECRET_KEY = os.getenv("SECRET_KEY") 참고 블로그 https://daco2020.tistory.com/480 pytho..

오류 해결 2022.10.26

[vscode] 가상환경 실행이 안될 때

python django를 쓰던 와중에 가상환경을 설정하려고 python -m venv venv 를 입력했는데 아래와 같은 창이 떠서 아무 생각없이 '예'를 클릭했다. 하지만, 이상하게 계속 python 인터프리터(ctrl(command) + shift + p)에서 가상환경을 설정했는데 적용이 안돼서 무슨 이유인지 엄청 헤맸다. 결과적으로 원인은 모르겠지만, 아래 창에서 아무것도 클릭하지 않고 'x'로 닫고, 인터프리터 선택과 새 터미널을 여니 적용됐다..

오류 해결 2022.10.26