본문 바로가기

vue43

08장 02. 데이터의 변화를 감지 : 감지 프로퍼티 보호되어 있는 글 입니다. 2023. 5. 15.
08장 01. 데이터를 사용한 별도 계산 : 산출 프로퍼티 보호되어 있는 글 입니다. 2023. 5. 12.
07장 03. 정리 - Google Charts는 "그래프의 데이터"와 "어떤 그래프를 그릴 것인가를 지정하는 함수"만 준비되면 그래프를 그리는 것이 가능한 라이브러리이다. Google Charts로 그래프를 표시할 때 1. Google Charts 라이브러리를 CDN으로 설치 2. 그래프에 사용할 데이터 준비 const orgdata = [ ['종류', '개수'], ['도시락', 3], ['갈비탕', 4], ['오므라이스', 5], ['짬뽕', 1], ['비빔밥', 3], ['메밀소바', 1] ]; 3. 어떤 그래프를 그릴 것인지 지정할 함수 준비 const data = google.visualization.arrayToDataTable(orgdata); const option = {title: '선호하는 점심', 'is.. 2023. 5. 12.
07장 02. Google Charts와 연동하기 보호되어 있는 글 입니다. 2023. 5. 12.
07장 01. 구글 차트란? 보호되어 있는 글 입니다. 2023. 5. 12.
06장 03. 정리 - v-for, v-if, .push, .splice true일 때만 표시 1. HTML 태그에 v-if="프로퍼티명" 으로 작성 체크박스는 ON 2. Vue 인스턴스의 data: 에 프로퍼티를 준비하고 "true/false의 값"을 입력해 둔다. data: { myVisible: false } true/false를 바꿔가며 표시할 때 1. HTML 태그에 v-if="프로퍼티명"을 지정하고 false일 경우 표시할 행에 v-else를 지정. 체크박스는 ON 체크박스는 OFF 2. Vue 인스턴스의 data: 에 프로퍼티를 준비하고 "true/false의 값"을 입력해 둔다. data: { myVisible: false } 배열 데이터를 리스트로 표시할 때 1. HTML 태그에 v-for="임시변수 in 프로퍼티명" 으로 작성 {{ item }} 2. Vue.. 2023. 5. 11.

티스토리툴바