vue.js38 14장 01. 게시판 만들기 보호되어 있는 글 입니다. 2023. 6. 9. 13장 04. 정리 - JSON.parse를 사용하면 준비한 JSON 파일을 JSON 데이터로 변경하여 읽어들일 수 있다. - JSON 데이터를 Vue 인스턴스의 data: 의 프로퍼티에 설정하면 그 데이터의 구조 그대로 Vue 인스턴스 안에서 사용 가능. JSON 파일을 읽어들일 때 1. HTML의 input 태그의 type="file"로 "파일 선택" 버튼을 표시. 이때 id="ID명"으로 작성하고 JavaScript와 연결 준비 2. 이 ID의 태그로 값이 변경될 때(change) 읽어들이는 메소드(loadFile)가 호출되도록 한다. let obj1 = document.getElementById("loader"); obj1.addEventListener("change", loadFile, false); 3. 메소드(.. 2023. 6. 1. 13장 02. JSON 데이터를 읽어 들여 컴포넌트로 나열 보호되어 있는 글 입니다. 2023. 5. 29. 13장 01. JSON 파일을 읽어 들이는 방법 보호되어 있는 글 입니다. 2023. 5. 29. 12장 04. 정리 컴포넌트를 작성해서 표시할 때 1. 직접 만든 컴포넌트의 태그명 사용 2. Vue 인스턴스로 사용하는 컴포넌트 오브젝트 작성 let Mycomponent = { template: 'Hello' } 3. Vue 인스턴스로 components: 에 프로퍼티를 준비하고 컴포넌트 오브젝트 입력 components: { 'my-component': MyComponent } 데이터를 사용하는 컴포넌트를 만들어서 표시할 때 1. 직접 만든 컴포넌트의 태그명 사용 2. 데잍터를 사용할 컴포넌트 오브젝트 작성. 이때 data: 는 function을 사용해서 작성 let MyComponent = { template: '카운터 추가{{ count }}', data: function(){ return { count: 0 } .. 2023. 5. 29. 12장 03. 값 전달 : props 보호되어 있는 글 입니다. 2023. 5. 23. 이전 1 2 3 4 ··· 7 다음