img태그에 src부분에 변수를 넣어서 사용하는게 목적인데요! vscode에서<img src="../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png" />이런식으로 치면화면에서 F12눌렀을때 나오는 코드에서는<img src="img/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.1a7485a1.png">이런식으로 자동으로 바뀌면서 이미지가 화면에 나오는데요하지만 주소를 변수(a)에 넣어서<img :src="a" />이런식으로 치면<img src="../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png" />화면(F12)에서는 변환되지 않고 변수에 넣었던 값이 그대로 나오면서 이미지가 화면에 나오지 않더라고요 require('../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png')를 하면img/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.1a7485a1.png변환되서 화면에 이미지가 나오는 값으로 변경되더라구요 그래서 require()에 주소를 넣은 변수를 넣어서 화면에서 이미지가 나오는 값으로 뽑아내고 싶은데 어떻게 해야 할까요?require(`${this.sumpath2}`)를 하니까"Error: Cannot find module '../../../agent_web_ui/dat/images/1668994704846/arrive_kiupdata1_kiupdata1_20200310172655897_92974574455-20200310_172655_8.png'"이렇게 나와요! require()를 안쓰더라도 img src태그에 변수를 넣고 화면에 띄웠을때 변환될 수 있게 하는 방법도 있으면 알려주시면 감사하겠습니다! 

안녕하세요 강사님 ! 수업 감사히 듣고 있습니다. ES6 import, export를 학습하며 어려움을 겪고있습니다..ㅠ..   public폴더의 index.html는 싱글페이지어플리케이션(SPA)의 첫 페이지로써,, 이 위에 vue 컴포넌트들을 뿌려주는걸로 알고 있습니다.   왜  index.html에 <script src''/>를 사용하여 js를 가져와 이 js안의 함수들을 어디에서나(ex. vue파일들) 전역함수처럼 쓸수없는지요....! <질문정리> 1. <script src=''/>를 index.html에서 써도 되는지 ! 2. <script src=''/>를 쓰면 안된다면,  js, vue 파일마다 필요한 함수,변수를 import, export구문 작성하며 써야하는건지?    3. vue.js는 ES6문법으로 js를 작성해야 하는것이 관례인지.   4. 옛날 ES6문법이 아닌 js는 당연 import, export를 사용하지 않았습니다.  vue파일에  기존 js를 import하여 쓰고 싶은데 <script src=''/>처럼 파일 전체를 가져와, 안의 함수나 변수들을 vue파일의 script태그에서 사용할수 있는 scope를 가진 export, import문을 알고싶습니다. import "module-name"; 이걸까요..?

안녕하세요! img src 주소 관련 질문드리겠습니다! process.env.PUBLIC_URL + `/... 경로`를 하셨는데 src에 그냥 /assets/emotion1.png를 해도 잘 나오는데 상관없는거죠?? 

질문은 아니지만 간단히 해결할 수 있어 글 남기고 갑니다. 저의 경우 상품등록 페이지를 만들다 localhost:5000/${file} 이 cors 이슈가 있어 이미지 미리보기 기능이 구현이 안되었습니다. 아래와 같이 백엔드 서버에 cors를 해결하는 access control 부분을 추가 해보시길 바랍니다. app.get('*', (req, res) => {   res.header("Access-Control-Allow-Origin","*");   res.sendFile(path.join(__dirname, '/public/index.html')); });

안녕하세요, 그랩님! 그랩님 강의를 보고 그랩마켓 적용을 학습했습니다. 그 후에 자체적으로 복습을 위해 psg 축구팀 소개 페이지를 클론코딩 중인데요, 이미지 태그 삽입 중 src 속성에 경로 표시에 있어서 의문점이 있어 질의드립니다. (삽입하려는 이미지 모두 public 폴더에 정상적으로 있습니다.) 1. public/logo/logo-psg.png : 엑스박스 처리. 2. logo/logo-psg.png : 정상 삽입. 3. 절대경로 : 엑스박스 처리. 1, 3의 경우에는 왜 이미지가 정상적으로 삽입되지 못하는지 궁금합니다.