코코의 한정된여행 코코의 한정된여행

Javascript

• [javascript] ie return 값이 그대로 출력될때

  Javascript 2017. 11. 17. 19:57

  [javascript] (explorer) return 값이 그대로 출력될때 function test() {return true;} 클릭!! 요렇게 하면 크롬은 잘 작동 되지만... ie 에선 return 값이 그대로 출력되서 화면에 true 라고 나올 때가 있다.. 어떤상황에서 나오는지는 잘 모르겠지만... 이럴땐 href 속성이 아닌 html 이벤트를 써야한다. test href 속성을 void(0) 을 줘서 막고html 이벤트 onclick 을 사용해서 스크립트를 발생시킨다.

  Read More

• (초보) Ionic v2 ( TypeScript ) 에서 http 요청으로 돌아온 json 값 필터시키는 방법..

  Javascript/AngularJS 2017. 10. 29. 05:11

  Ionic v2 ( TypeScript ) 에서 http 요청으로 돌아온 json 값 필터시키는 방법.. import {Component} from '@angular/core'; import {NavController} from 'ionic-angular'; import {Http} from "@angular/http"; interface IMembers { idx: number; email: string; name: string; buse: string; phoneNumber: string; } @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { private API_URI: string = "ht..

  Read More

• [angular-cli ] 페이지 이동시키기

  Javascript/AngularJS 2017. 10. 25. 01:33

  constructor(private router: Router){} this.router.navigate(['/home']); # /home 으로 이동

  Read More

• Angular 이벤트 디렉티브

  Javascript/AngularJS 2017. 10. 23. 23:26

  Angular cli 마우스 오버 이벤트로 제이쿼리를 이용해서 동적으로 css class 생성하기 .tsimport {Directive, ElementRef, HostListener} from '@angular/core'; declare var jquery:any; declare var $:any; @Directive({ selector: '[mapHighlight]' }) export class MapHighlightDirective { constructor(private el: ElementRef) {} @HostListener('mouseenter') pathMouseenter() { this.highlight(true); } @HostListener('mouseleave') pathMouselea..

  Read More

• bootstrap-datepicker yyyy년 mm월 dd일 포맷 짤릴때

  Javascript 2017. 10. 23. 16:26

  bootstrap-datepicker yyyy년 mm월 dd일 포맷 짤릴때 부트스트랩 datepicker 를 사용하다보면 $('.input-daterange').datepicker({ language: "kr", format: "yyyy년 mm월 dd일" });포맷을 이렇게 사용해도 끝에 "일" 이 짤리는 경우가 있다. 코어를 만지는건 썩 내키진 않지만 급한대로bootstrap-datepicker 의formatDate메서드를 찾아서 바꿔주면 된다 ( 대략 1114번째 라인 ) for (var i=0, cnt = format.parts.length + 1; i < cnt; i++) { if (seps.length) date.push(seps.shift()); date.push(val[format.parts..

  Read More

• 앵귤러js ( 1.x ) 강좌 참고

  Javascript/AngularJS 2017. 10. 21. 00:01

  앵귤러js ( 1.x ) 너무 좋은 예제들이다.. http://soomong.net/blog/2014/01/20/translation-ultimate-guide-to-learning-angularjs-in-one-day/

  Read More

• 제이쿼리 플러그인

  Javascript 2017. 10. 16. 17:51

  스티커를 떼는 것 같은 움직임http://stickerjs.cmiscm.com/ 물방을 떨어지는 느낌http://daniellaharel.com/raindrops/ 창문에 물방울이 붙어있는 모습https://maroslaw.github.io/rainyday.js/ 물의 파장 효과https://sirxemic.github.io/jquery.ripples/ 밑줄 기타치는 느낌http://underlinejs.org/ 이미지 퍼즐https://goodies.pixabay.com/jquery/snap-puzzle/demo.html 틸트효과https://tympanus.net/codrops/2015/05/28/image-tilt-effect/ 스포트라이트 효과http://emn178.github.io/jquery..

  Read More