HelpNDoc 도움말 메뉴얼 및 문서 작성 후 HTML로 전환시킬 수 있다. https://www.helpndoc.com/thank-you-installing-helpndoc/?utm_source=product&utm_medium=install&utm_campaign=Install%3A+6.9.0.577+Personal+Edition Thank you for installing HelpNDoc! HelpNDoc is now installed on your computer and ready to assist you in producing the most amazing help files, manuals, documentations, eBooks, web-sites www.helpndoc.com https..
부모.Vue 자식.vue
VUEJS) 조건문과 반복문
조건문 v-if를 활용한 예제 html 보이나요 js const vm = new Vue({ el: '#app', data: { seen: true } }) 실행화면 v-if를 이용하면 js에서 html을 껏다 켰다 제어할 수 있다. 위의 예제에서는 html내의 div태그 내의 v-if="seen" 의 seen은 js에서 정의한 seen의 값에 따라 제어 된다. 만약 js내의 seen이 true이면 텍스트가 출력되고, false이면 출력되지 않는다. 트랜지션 효과 -> 애니메이션하는 개념을 정용한다. 배열과 반복문 v-for을 이용한 예제 html {{ todo.text}} js const vm = new Vue({ el: '#app', data: { todos: [ { text: '1111'}, { te..
VUEJS) https://codepen.io/
codepen https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 코드펜을 이용하면 환경설정을 하지 않고도 충분히 공부를 할 수 있다. 이 외에도 JSFiddle, JS Bin 등이 있다. 빨간색 설정버튼을 눌러서 Add External Scripts/Pens의 검색창에 Vue라고 치면 Vue버전들이 나온다. 2.xxx 버전을 사용하는 것을 권장한다. v-bind를 활용한 예제 html {{ ..
VUEJS) moment()
설치 라이브러리를 moment.min.js파일로 다운로드를 하거나 npm i moment --save로 설치 Format format()을 하면 moment객체에서 string으로 반환 moment().format('YYYY-MM-DD'); // 년도-월-일 moment().format('hh:mm:ss'); // 시:분:초 moment().format('dddd'); // Tuesday 날짜 더하기 빼기 현재의 날짜 혹은 정해진 날짜에서 몇일이후의 값, 몇달뒤의 값등 날짜 더하기 빼기 가능 moment().add(1,'days') // 하루 더하기 moment().subtract(1,'days') // 하루 빼기 moment().add(1,'months') // 한달 더하기 moment().subtra..
개발환경 node.js ▷ 좌측의 짝수 버전을 이용하는 것을 추천 (LTS버전) https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org nvm-windows ▷ 버전관리가 가능 Vue.js 설치 ▷ 개발자버전 설치(간단한 설치로 Vue.js 사용가능) https://kr.vuejs.org/v2/guide/index.html 시작하기 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org {{ msg }} CDN ▷ 파일 없이 src코드로 vue를 사용가능 {{ msg }}
HTML / 요소 - 멀티미디어 - AUDIO, VIDEO, FIGURE, FIGCAPTION, IFRAME, CANVAS, SCRIPT, NOSCRIPT
속성 - autoplay: 준비되면 바로 재생 - controls: 제어 메뉴를 표시 - loop: 재생이 끝나면 다시 처음부터 재생 - preload: 페이지가 로드될 때 파일을 로드할지의 지정, 값: none, metadata(기본값), auto - src: 콘텐츠 url - muted: 음소거 여부 예제 속성 - autoplay: 준비되면 바로 재생 ☞ 요즘은 대부분의 브라우저에서 muted 속성을 같이 사용해야 작동한다. - controls: 제어 메뉴를 표시 - crossorigin: 가져오기가 cors를 사용하여 수행되어야 하는지 여부, 동일한 출처인지 확인하는 속성, 잘 사용 안 함 - loop: 재생이 끝나면 다시 처음부터 재생 - muted: 음소거 여부 - poster: 동영상 썸 내일..