코알못

지난 시간에는 State 와 Props 를 이용하여 데이터를 다루는 방법을 실습했다. https://co-de.tistory.com/128 [Vue] State 그리고 Props 이전 시간에 컴포넌트를 구성하는 실습을 진행하였으며 https://co-de.tistory.com/127 [Vue] Vue 컴포넌트 구성해보기 저번 시간에 Vue 프로젝트를 간단하게 만들어 봤으며 [Vue] Vue 란? (프로젝트 생성 까지 co-de.tistory.com 이번 시간에는 Array 형태의 데이터를 처리하는 방법을 배워보자! 반복적인 데이터 형태를 처리할때는 v-for 을 사용하여 구현 가능하다. 아래와 같이 for 문을 구현하면 1-10까지 데이터가 i 에 대입되며 key 는 필수로 변경을 감지하는 역할을 한다...

이전 시간에 컴포넌트를 구성하는 실습을 진행하였으며 https://co-de.tistory.com/127 [Vue] Vue 컴포넌트 구성해보기 저번 시간에 Vue 프로젝트를 간단하게 만들어 봤으며 [Vue] Vue 란? (프로젝트 생성 까지) 구글에 검색해보면 오픈소스 프로그레시브 자바스크립트 프레임워크 라고 나오는것을 볼 수 있다. 하나씩 co-de.tistory.com 이번 시간에는 State, Props 를 알아보도록 하자! 저자가 이해한 두가지 개념에 대한 정의는 아래와 같으며 State 해당 컴포넌트에서 처리할 데이터를 정의 Props 부모 컴포넌트에서 전달한 데이터를 자식 컴포넌트에서 받아 사용할 데이터 정의 설명으로는 이해하기 어려우므로 실습을 통해 알아보자! 우선 Box.vue 를 생성한다..