슬기로운 개발노트

vue.js 에서 이미지 파일 접근 방식은 2가지가 있다. - 정적 파일 접근 - 동적 파일 접근 동적 파일 접근 시 이미지가 나타나지 않을 경우에 대한 해결방법을 정리한다. (require 로 받을 수 있다.) export const footerText = [ { title: "github", desc: "사이드 프로젝트 및 포트폴리오에 대한 정보들이 기록되어 있습니다.", logo: require("../assets/img/logo_github.png"), link: "https://github.com/sgpark94", } ]

매번 까먹어서 내가 알아보기 쉽게 정리!!

watch 특정한 데이터를 vue instance가 감시하고 있다가 데이터가 "변경" 되는 순간 실행된다. 참고강의(유료) : 패스트캠퍼스 - Vue.js 압축 완성 올인원 패키지 Onlne. 2강 Vue 가이드 문서 따라하기 Ch 03. Vue 가이드 - 08. watch

기본적으로 dist 폴더로 build가 되어서 github setting 페이지에서 확인시 build 에러메시지를 접하게 되었다. (Source를 보면 폴더선택에서 /dics가 아닌 /docs만 존재한다. 😥) 나는 아래와 같은 방식으로 해결해보았다! 1) vue.config.js 파일에 outputDir: 'docs' 를 추가한다. (c.f - publicPath는 프로젝트 url 마지막 부분에 /Monaka(프로젝트명)를 추가하고자 넣어준 것 !) 1-1) npm run bulid 후 docs가 생성된다. 2) commit / push 후 github setting 페이지에 다시 와보면 bulid가 성공적으로 된것을 확인할 수 있다.