이미지 파일주소를 넣을 때 반복문을 이용하고 싶습니다

[Release]

 

저렇게 방 사진을 넣을 때  파일이름이 room0, room1, room2  인것을 이용해서 반복문으로 방번호를 넣어보고 싶습니다.

자바스크립트에서 했던거처럼 "+i+"를 이용해봤는데 잘 되지 않아서 어떻게 해야 할지 질문드립니다.

또 첫줄에 :key 에서 key를 방으로 하는 것과 i로 하는 것의 결과가 동일하게 나오는데 key는 반복문에서 어떤 역할을 하는건가요?

[codingapple]

:src 이렇게 써야 변수집어넣을 수 있습니다

key속성은 반복문으로 생성한 비슷한 요소들에 번호달아주는 역할입니다 보통 0 1 2 같은 서로 구분되는 자료를 담으면 됩니다 

[Release]

구글링 해봤는데  이런식으로  안에 '@를  쓰면 된다는 것 같은데 이미지가 있다는 아이콘은

뜨는데 이미지가 엑스박스가 떠서 나오지 않네요... 앞에 require를 넣는 방법도 써 봤는데 제대로 되지 않아서 혹시 죄송하지만 어떻게 변수를 넣을 수 있는지 알려주실 수 있나요?

[codingapple]

:src="require('./assets/room' + 1 + '.jpg')" 이렇게 씁시다 

[Release]

잘 됐습니다 감사합니다!

[Release]

선생님 죄송한데 하나만 더 여쭤봐도 될까요... 저렇게 백틱 이용해서 했을 땐 안되는거 확인했는데 혹시 왜 그런걸까요..?

문법상으로 안맞는 표현인가요?

 

[codingapple]

웹팩 라이브러리가 ./ 경로를 해석할 때 자동으로 require(./) 이런 식으로 바꿔주는데 

그 때 변수같은거 넣으면 안되나봅니다

public 폴더에 있는 이미지들은 그냥 저렇게 될듯요 

[글쓴이]

글