설치 라이브러리를 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 }}
속성 - autoplay: 준비되면 바로 재생 - controls: 제어 메뉴를 표시 - loop: 재생이 끝나면 다시 처음부터 재생 - preload: 페이지가 로드될 때 파일을 로드할지의 지정, 값: none, metadata(기본값), auto - src: 콘텐츠 url - muted: 음소거 여부 예제 속성 - autoplay: 준비되면 바로 재생 ☞ 요즘은 대부분의 브라우저에서 muted 속성을 같이 사용해야 작동한다. - controls: 제어 메뉴를 표시 - crossorigin: 가져오기가 cors를 사용하여 수행되어야 하는지 여부, 동일한 출처인지 확인하는 속성, 잘 사용 안 함 - loop: 재생이 끝나면 다시 처음부터 재생 - muted: 음소거 여부 - poster: 동영상 썸 내일..
IMG : 이미지를 삽입 IMG 속성 src: 필수, 이미지 url alt: 필수, 이미지가 안 들어왔을 때 대체 텍스트 width: 이미지의 가로나비 height: 이미지의 세로 너비 ※width, height는 크기를 조절하는 용도라면 둘 중 하나만 입력하는 것이 바람직하다. width, height 예제 1 px로 사이즈를 지정하지 않았다. 숫자만 넣었다. width, height 예제 2 - index.html - main.css img { width: 666px; } css를 이용해서도 이미지의 사이즈를 조절할 수 있다. srcset: 브라우저에게 제시할 이미지 url과 원본 크기의 목록을 정의 값 w, x sizes: 미디어 조건과 해당 조건일 때 이미지 최적화 크기의 목록을 정의 srcset..
: definition 용어의 하나를 정의할 때 사용 ↔ dl dt dd 용어와 설명을 나열, 많을 때 사용 the internet is useful : 창작물에 대한 참조를 설정, 이탤릭체로 표시 The Scream by Munch : inline quotation 짧은 인용문을 설정, 조금 길다싶으면 blockqoute태그를 사용 cite속성을 통해서 url로 명시할수있다. : underline 밑줄이 있는 글자 설정, css에서 사용하자. 순수하게 꾸미는 용도 안 쓰는 게 낫다. 와 헷갈리지 않게 주의 - 밑줄 그어져 있으면 클릭이 될 거 같으니깐, 을 활용할 수 있을 경우에는 태그 사용하지 말자 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 u태그를 이용해서 밑줄을 그었다. - ..
1. ABBR abbreviation 약어를 지정 보통 title속성(전역 속성)을 사용, title에는 설명 abbr 예제 Using HTML is fun and easy! HTML텍스트 아래에 점선이 그 여지는 것을 볼 수 있다. 마우스를 올리면 코드에서 설정했던 title의 내용을 볼 수 있다. 2. B, MARK, EM, STRING, I : bring attention 문체가 다른 글자의 범위를 설정, 특별한 의미를 가지지 않음 읽기 흐름에 도움을 주는 용도 정도로 사용 다른 태그가 적합하지 않을 때 마지막 수단으로 사용 글자를 두껍게 표시되나 이용도로 사용하면 안 된다. css를 이용해야 한다. : mark text 사용자의 관심을 끌기 위해 하이라이팅을 할 때 사용 의미보다는 시각적인 것이 ..
A : anchor 다른 페이지, 같은 페이지 위치, 파일, 이메일 주소, 전화번호 등 url로 연결할 수 있는 하이퍼링크 설정 속성 download: 파일은 다운로드하는 용도 href: 링크 url, 필수처럼~ 써야한다. 생략 가능하지만. hreflang: 링크 url의 언어를 설정 rel: relation 현재 문서와 링크 url의 관계를 설정 target: 링크 url의 표시위치, _self 현재 화면에서 페이지 뜨도록(default), _blank 새로운 화면에 페이지 뜨도록 type: 해당하는 url의 MIME타입, 굳이 명시 안 한다. 인라인 요소이지만 버튼을 css로 꾸미게 될 경우 블록 요소로 변경 후 사용하는 게 일반적이다. a태그 예제 Google README.md Image downl..