유바바아들 닮은 개발자의 끄적끄적

최근에 vue.js 에서 이미지를 동적으로 img 요소 src 어트리뷰트 안에 파일경로를 동적으로 바인딩 시커서 이미지를 랜더링 해야 할 일이 생겼다. 근데 생각대로 동작을 하지않았다. 위와 비슷한 코드로 로직을 구성했는데 내 생각대로라면 :src="`${this.images[this.currentIndex].path}`" 이 부분에서 저 코드 리턴값이 ../images/hello.jpg 이렇게 반환되니까 당연히 저기에 src 경로에 지정되면서 이미지가 랜더링 되겠지.. 했는데 엥? :src="`${this.images[this.currentIndex].path}`" Error: Cannot find module '../images/hello.jpg' 이런 식으로 에러 로그가 찍혔다.. 이미지는 당연히 ..

Vue.js를 설치하는 방법은 다음과 같습니다 1. Node.js설치 Vue.js를 사용하기 위해서는 먼저 Node.js가 설치되어 있어야 합니다. Node.js는 Vue 개발 환경에서 필요한 패키지 및 도구를 관리하는 데 사용합니다 Node.js의 공식 웹사이트 (Node.js (nodejs.org))에서 다운받을수 있습니다. 2.Node.js 설치확인 Node 다운로드는 최신 버전보다 LTS 버전을 사용하는 것이 좋습니다. 이유는 안전성과 신뢰성, 보안 업데이트, 호환성, 커뮤니티 지원 등의 이유가 있습니다. 그리고 버전이 많이 낮은 12번대의 Node.js를 사용할 시 es6의 신 문법등의 제약이 걸리게 됩니다. Node.js 가 설치 됐다면 터미널에 명령어를 입력합니다. node -v 위와 같이 ..