vue.js 공식문서, GPT를 통해 학습한 내용을 정리합니다. 잘못된 내용을 포함하고 있을 수 있습니다. #v-forv-for 문법을 사용하면 반복되는 HTML 컴포넌트를 마치 일반 프로그래밍 언어의 For문을 사용하듯 반복할 수 있다. 예시로 아래와 같이 동일한 div 태그 컴포넌트가 3개 반복되는 구조가 있다고 가정해 보자. ID PW About ID PW About ID PW ..
vue.js 공식문서, GPT를 통해 학습한 내용을 정리합니다. 잘못된 내용을 포함하고 있을 수 있습니다. refvue.js 3버전 이후부터 HTML 페이지 내부에서 사용될 변수를 저장할 수 있는 기능이 추가되었다. ref()로 묶어 내부에 다양한 타입의 변수 (Array, Object,..)를 선언할 수 있다. #일반 변수 With ref우선 다음으로 const type count 변수를 하나 선언해 주었다. 선언한 count 변수의 내부값 3은 count.value 에 들어있는데 태그 내부에서 바인딩 문법을 사용해 count 변수에 접근하고자 할 때는{{ count.value }} 같은 형태가 아니라 {{ count }} 와 같이 접근해야 한다. 그 이유는 자동으로 ref를 탬플릿 내부에서 ..
