Storage

형변환 + 데이터 포맷

import { DatePipe } from '@angular/common';

var datePipe = new DatePipe("en-US");

var date2 = datePipe.transform(new Date(), 'yyyyMMddHHmm'); // 현재 시간 가져와서 date포맷

var result= Number.parseInt(date2); // date를 int로 형변환 

1. y represents year. 

2. M represents month. 

3. d represents day. 

4. E represents week day. 

5. h represents hour(12). 

6. H represents hour(24). 

7. m represents minute. 

8. s represents seconds. 

9. z represents timezone. 

Timer

import { Observable } from 'rxjs/Observable';

 this.data = new Observable(observer => {

  setTimeout(() => {

},1000); // 1초에 실행됨

setTimeout(() => {

observer.complete();

        },15000); // 15초에 실행됨.

       });

Date Number타입변환

*Date는 Number로 변환해서 시간연산가능

var nowTime = Number(new Date());

ERD표기 방법과 해석

갑은 하나의 을로 구성되어 있다.

갑은 하나 이상의 을로 구성되어 있다.

갑은 하나 이하의 을로 구성되어 있다.

갑은 0 또는 하나 이상의 을로 구성되어 있다.

ERD란

id, class, name으로 접근

$("#id") // id는 1개만가능

$(".class") // class는 중복가능

$("tag_name[name=name]") // 

값 가져오기 및 값변경하기

.val();  // 값을 가져올때나 변경할때

.text(); // text만 가져오거나 변경

.html(); // text+html태그 가져오거나 변경

.empty(); // 값 비우기 .val("");랑 비슷하다고 보면됩니다.

.remove(); // tag까지 제거

포커스

.focus(); // focus 줄때

.blur(); // focus 벗어날때

클릭

.click(); // click 이벤트

마우스이벤트

.mouseenter(); // 마우스on 이벤트

.mouseleave(); // 마우스out 이벤트

.hover(); // 마우스오버이벤트

애니메이션

.fadeIn() // 애니메이션 서서히 생기는 (값안에 시간 or slow fast입력시 속도조절가능)

.fadeOut() // 서서히 사라지는

.slideUp() // 위로 사라짐 시간조절 가능

.slideDown() // 아래로 나타남

animate({},시간값);

animate({},function(){}); // 애니메이션이 끝나고 함수안에 또 애니메이션을 넣을수있음

클래스 css

.addClass('추가할 클래스 이름')

.removeClass('제거할 클래스 이름');

.attr('속성','속성값'); // src="", alt="", title="" 값 변경

.css('css속성','값'); // float, display, width, height, color, background, margin, padding 등 여러 속성 제어가능 

태그

.hide(); // 숨기기

.show(); // 나타내기

대상1.append(대상2); // 대상1 태그안에 대상2 태그를 넣을수있음

대상2.appendTo(대상1); // 대상1 태그안에 대상2 태그를 넣을수있음

text창 활성화 비활성화

$("input").prop('disabled', true); // 비활성화

$("input").prop('disabled', false);  // 활성화