728x90 데이터4 [jQuery] JSON 데이터 정렬해주는 사이트 JSON 데이터를 정렬해 주는 사이트는 많지만 개인적으로 http://json.parser.online.fr/ 과 https://codebeautify.org/ 이걸 많이 사용한다. http://json.parser.online.fr/ Json Parser Online json.parser.online.fr 이 사이트는 정말 Json만 정렬할 때 사용하면 좋다. https://codebeautify.org/ Code Beautify and Code Formatter For Developers - to Beautify, Validate, Minify, JSON, XML, JavaScript, CSS, HTML, Excel and mor Free Online Tools like Code Beautifiers.. 2023. 7. 25. [Vue] 이벤트 버스 형식 🎀 이벤트 버스 형식 이벤트 버스를 구현하려면 애플리케이션 로직을 담는 인스턴스와는 별개로 새로운 인스턴스를 1개 더 생성하고, 새 인스턴스를 이용하여 이벤트를 보내고 받는다. .$emit() : 보내는 컴포넌트 .$on() : 받는 컴포넌트 👀 구현 형식 // 이벤트 버스를 위한 추가 인스턴스 1개 생성 var eventBus = enw Vue(); // 이벤트를 보내는 컴포넌트 methods: { 메서드명: function() { eventBus.$emit('이벤트명', 데이터); } } // 이벤트를 받는 컴포넌트 methods: { created: function() { eventBus.$on('이벤트명', function(데이터); } } 👍 이벤트 버스 구현하기 doit-vuejs/index... 2022. 1. 24. [Vue] 상태 관리 패턴 상태 관리 구성 요소 state : 컴포넌트 간에 공유할 data view : 데이터가 표현될 template actions : 사용자의 입력에 따라 반응할 methods new Vue({ // state data() { return { counter: 0 }; }, // view template: ` {{ counter }} `, // actions methods: { increment() { this.counter++; } } }); 단방향 흐름 처리 View → Actions → State → View → Actions → State → ... 2022. 1. 24. [Vue] Vue에 대해서 Vue {{데이터}} : 데이터를 있는 그대로 표시 v-bind : 요소의 속성을 데이터로 지정 v-model : 입력폼과 데이터의 연결 v-on : 이벤트 연결 v-if : 조건에 따라 표시 v-for : 반복해서 표시 computed : 데이터를 사용한 계산 watch : 데이터의 변화 감시 transition : 표시 / 바표시에 애니메이션 처리 component : 컴포넌트 조립 싱글 파일 컴포넌트(Single File Components) 체계 .vue 파일로 프로젝트 구조를 구성하는 방식 확장자 .vue 파일 1개는 뷰 애플리케이션을 구성하는 1개의 컴포넌트와 동일하다. 2022. 1. 24. 이전 1 다음 728x90
