반응형 전체 글556 TypeError: Cannot read properties of null (reading 'parentNode') Nuxt / Vue (Version 3 기준) 위와 같은 오류가 지속적으로 발생하는데 캡쳐모를 못해놓음. 일단 메세지는 위와 같음. 내용을 읽어보다 예전에 Nuxt/Vue 2 때 본 거 같아서 혹시나 해봤더니 역시나 였음;; 정확한 원인이 아닐 수 도 있지만 그때도 가끔씩 Vue 나 Nuxt 버전 업데이트때 생겼던 것 같아서 일단 정신건강상 개발규칙으로 해놓음. 코드 컨벤션 툴등을 이용하여 규칙화시키면 관리용이. 결국엔 NuxtLayout 컴포넌트 위에 루트 엘리먼트가 있어야 했던 것임. 추가적으로 관련 이슈가 github 에도 있다. 다양한 케이스가 있겠지만 위 코드로도 해결이 안되면 확인해보시길 2024. 1. 17. Vue3 / div 엘리먼트에서 contenteditable 을 반응형으로 Vue3 Composition API 기준으로 작성했다. 어쨌든 잘못된 기획으로 인하여 불필요한 코드를 작성했지만, 메모해둘 필요는 있는 듯 하여 포스팅을 한다. 특별한 건 없다. 코드 작성구조 및 방식만 메모해두는 거니 HTML (Template) Javascript (Vue.js 3 / Composition API) const editData = reactive({ origin: '', edit: '' }); const updateStyling = (eventTarget) => { editData.edit = eventTarget.innerHTML.toString(); }; @input 이벤트에서 target 까지만 함수 파라미터로 넘겨주어야 innerHTML 속성에 접근할 수 있다. 2024. 1. 12. TailwindCSS SVG Icon 사이트 모음 찾기에 지쳐서, 정리를 해놔야지 겠다 싶었는데 이제서야 한다;; https://www.mingcute.com/ MingCute Icon _ Carefully Designed Icon Library www.mingcute.com https://remixicon.com/ Remix Icon - Open source icon library remixicon.com https://basicons.xyz/ Basicons Basic icons for product design & development basicons.xyz https://pixelarticons.com/ Pixelarticons 480 open-source line pixel-art style icons, in one color and made .. 2024. 1. 11. [OSX] 파인더(Finder)에서 Visual Studio Code 폴더/파일 열기 파인더에서 VSCode 로 폴더나 파일을 열려는데, 따로 없어서 불편했는데 Automator 를 이용하면 간단하게 해결할 수 있었다. 1. 스포트라이트 (Sportlight) 로 Automator 를 검색한다. 2. 신규문서를 생성하여 문서유형이 "빠른 동작" 을 선택한다. 3. 동작에서 "파일 및 폴더" 를 선택하고 "Finder 항목열기" 를 선택한다. 4. 드래그앤 드롭으로 우측으로 놓고 아래와 같은 설정으로 맞추어 준다. 선택 항목 위치 : Finder 다음으로 열기 : 기타 선택 하고 응용 프로그램에서 Visual Studio Code 를 선택 이건 설정 완료한 상태 이제 마우스 우클릭으로 실행한 상태 이건 파인더에서 실행했을때 해서 이제 잘된다~~~ 아어~ 별거 아니지만, 불편하셨던 분들에게.. 2023. 10. 24. 이전 1 2 3 4 ··· 139 다음 반응형