Front-end/Vue.js
-
DOM과 Virtual DOMFront-end/Vue.js 2021. 5. 3. 21:15
DOM(Document Object Model) DOM은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 브라우저에서 로드되며, 노드 트리로 표현하는 document 모델이다. DOM은 DOM에 접근하고 수정하는 등 문서의 동적인 변경을위해 DOM API 를 제공한다. Virtual DOM DOM에 변경사항이 반영되는것은 시간이 오래걸리고 다루기 힘들 수 있다. ex) 가상돔은 변경사항을 실제 DOM 에서 처리하는것이 아니라, Virtual DOM과 DOM과의 차이를 찾고 차이난 부분만 메모리에서 처리 후 실제 DOM과 동기화하는 방식이다.
-
정의를 했음에도 Property or method OO is not defined on the instance but referenced during render. 에러가 뜨는경우Front-end/Vue.js 2021. 3. 8. 16:25
해당 property 를 복사해서 해당 파일에서 cmd + f로 찾았을떄 데이터가있어서 해당 오류가 나는 이유를 찾는데만 두시간이 걸린것같다 ㅋㅋㅋㅋㅋ바로 ,, 대소문자가 틀려서 ㅋ ..ㅋ ... Property or method OO is not defined on the instance but referenced during render. 에러가 뜨는경우 1. 해당 propery or method를 선언했는지 확인 2. 선언했으면 대소문자가 정확한지 확인
-
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. ~ 에러Front-end/Vue.js 2020. 10. 23. 15:06
props 로 받은 데이터를 직접사용하면 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. 라는 에러가 뜬다. props로 받은 데이터를 복사해서 사용을 해야 에러가 발생하지 않는다.
-
Vue.js ) 폴더에있는 local img를 데이터모델로 받아온 후 페이지에 로드하기Front-end/Vue.js 2020. 5. 1. 12:12
하 .. 이것만 이틀걸렸다 ㅋㅋ 아무리 코드만 봐도 문제가없고 개발자도구 network 에서 status 200 인데 프리뷰가 흰색이여서 ..넘 ㅠ 괴로웠는데 해결방법을 찾았다. data에서 받아오는 형식이면 require이 필요하다. ( * DB에서 데이터를 가져오는것이 아닌 js 파일에서 데이터 모델을 만든 후 가져오는 형식입니다.) // dataModel.js const data = [ { id: 1, name: '묘묘', title: '타이틀.', content: '뿌려야하는 설명' // image: "require('@/images/concordiaReview.jpg')", -> status 304 // 200 근데 안뜸 image: './assets/concordiaReview.jpg', ->..
-
오류 ) Source Control에 no source control providers registeredFront-end/Vue.js 2020. 1. 2. 15:03
npm run serve 명령어 실행 후 source-code를 보니까 이제까지 작업한 폴더들이 안보여서 환장.. 윈도우 폴더에는 살아있는데 왜 안보이냐고 구글링한 결과 Extensions area > Show built-in Extensions 누르면 상단에 Features 목록에서 Git을 발견할 수 있다. Git이 Disabled로 되어있으면 Enable(Workspace)로 변경해주기. 어오 ,,,,, 그래도 해결