Vue 3강 : v-for 반복문 보니까 HTML도 프로그래밍 언어네

다양한 정보를 한 곳에 저장할 수 있음.

어레이[1]을 하면 첫번째 자료가 나옴.

0은 영번째 자료.

자바스크립트의 어레이임.

어레이를 넣으면 어레이가 그대로 나옴.

지정해주면 역삼동 원룸이 나옴.

Vue를 사용하면 반복문으로 쉽게 반복들을 처리할 수 있음.

스타일을 주기 위해서는 class명을 주고나서 나중에 css에서 스타일을 지정.

스타일링은 여기까지 함. 버튼 누른다고 보낼 페이지도 없음.

 

반복적인 내용을 짧게 축약할 수 있을까

a태그를 여러개 생성해줄 수 있음.

뷰의 반복문임.

왼쪽 오른쪽에 키워드를 채워넣으면 됨.

왼쪽 작명에는 아무 이름을 작명해도 되고 in에는 몇번 반복할 지 적는다.

잘못 짜면 브라우저 혹은 터미널에서 에러 메시지가 나옴.

에러 모르면 구글에 검색해라.

일단은 작명한 것을 넣도록 해라.

이렇게 하면 Home만 3개 생성되었다.

이 반복문은 3번 딱 돌게 됨.

v-for를 썼으므로 a가 반복이 될 것임.

key에 유니크한 문자나 숫자를 적어야 함.

 

i는 1씩 증가하는 정수가 됨.

https://youtu.be/T4N9wjx7_E4?si=Xv-ixjXVV8BzskD9