img src부분과 require()에 대해 질문이요!
미해결
테스트주도개발(TDD)로 만드는 NodeJS API 서버
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태그에 변수를 넣고 화면에 띄웠을때 변환될 수 있게 하는 방법도 있으면 알려주시면 감사하겠습니다!
- img
- src
- rest-api
- require
- express
- tdd
- nodejs