일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- redux
- Vue3
- TypeScript
- SasS
- 깃
- 타입스크립트
- react
- 사용하는 이유
- JavaScript
- react-router
- 리액트
- scss
- git
- html기초
- React Native
- 코린이
- 리액트 네이티브
- 비동기
- 코딩초보
- useEffect
- 코딩독학
- 코딩공부
- 코딩기초
- 프론트엔드
- 리덕스
- http
- 자바스크립트
- CSS
- async
- 참조자료형
Archives
- Today
- Total
목록v-bind (1)
맨 땅에 프론트엔드 개발자 되기
Vue3 이미지 태그에 경로를 동적으로 불러올 때 엑박 / v-bind 이용해서 처리하기
유튜버 코딩애플 님의 Vue 강의를 듣다가 이미지 경로를 변수로 설정해 불러오니 이미지에 엑박이 떴다. 나의 코드 {{menu}} {{product.name}} {{product.price}} 허위매물신고 신고수 : {{product.fakeReport}} 이를 해결하기 위해 v-bind 속성을 구글링했다. 이미지 경로에 require를 부여해줘야 한다고 했다. 수정 코드 {{menu}} {{product.name}} {{product.price}} 허위매물신고 신고수 : {{product.fakeReport}} 왜 require 를 부여해줘야 할까? require는 import와 비슷하게 파일 외부의 데이터를 가져올 때 사용하는 JavaScript 내장함수다. HTML에서 바로 이미지 경로를 불러오는 ..
코딩 공부 일지/Vue JS
2022. 3. 13. 16:46