JS30 Array 정렬 2가지 sort, reverse (JAVASCRIPT) html> lang="en"> 2020. 7. 27. Vue.js 시작하기(바인딩) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Document 동적으로 바인딩된 코드 var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!!' } }) Colored by Color Scripter cs 글자위에 마우스를 올려놓으면 v-bind로 바인딩된 message가 출력하게 됩니다 2020. 7. 13. Vue.js 시작하기(텍스트 보간) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Document {{ message }} var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!!' } }) Colored by Color Scripter cs 데이터와 DOM 연결 콘솔창에 Vue를 개발 모드로 실행하고 있습니다. 프로덕션 용으로 배포 할 때는 프로덕션 모드를 켜십시오.라는 문구가 뜬다. 파이어폭스 확장프로그램인 Vue.js devtools을 이용하면 디버깅을 쉽게 할 수 있다. addons.mozilla.org/ko/firefox/addon/vue-js-devtools/ Vue.js devtools – 🦊 Firef.. 2020. 7. 13. window 함수 moveTo() 절대좌표로 이동 moveBy() 상대좌표로 이동 resizeTo() 절대적 크기로 지정 resizeBy() 상대적 크기로 지정 scrollTo() 스크롤 위치를 절대좌표로 이동 scrollBy() 스크롤 위치를 상대좌표로 이동 blur() 초점 제거 focus() 초점 맞춘다. close() 윈도우를 닫는다. window.open(URL, 이름, 폭, 높이) 1 2 3 4 5 6 7 win=window.open("", "win", "width=500, height=500"); win.document.write("hello"); setInterval(function(){ win.moveBy(5, 5); }, 1000); Colored by Color Scripter cs 2020. 7. 13. 이전 1 2 3 4 5 6 7 8 다음