본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


event4

TMAP SDK 브라우저 이벤트 종류(티맵 SDK 이벤트 종류, 모바일) TMAP에서 사용 가능한 이벤트 종류 입니다. 따로 공식 사이트에 종류를 구분하지 않아서...간단하게 적어보았습니다.. bounds_changed : ?? center_changed : 중앙지점이 바뀌면 click : 클릭이벤트 dblclick : 더블클릭 이벤트 drag : 드래그.. dragend dragstart zoom_changed mouseenter mouseleave mousedown mousemove mouseup mousewheel touchstart touchmove touchend touchcancel keydown keyup contextmenu resize 내용을 다 조사하자니 사실 쓰는것만 쓰는지라... 필요하신 키워드가 있다면 적용하시는 것을 추천 드립니다. 재미있는 점 으로는.. 2023. 5. 11.
Nio 패키지 TCP 서버 종료 이벤트(Selector, ServerSocketChannel) TCP 서버를 nio 패키지의 클래스를 활용하여 개발하던 중 만난 이슈 입니다. 물론, 서버채널(ServerSocketChannel)은 비동기(configureBlocking 값이 false)인 상황 이였습니다. 네트워크가 끊어진 경우에는 셀렉터의 키 값을 반환(cancle) 하고 체널을 종료(close)를 해 주어야 합니다. 그렇지 않으면 해당 채널은 계속해서 iterator를 통해서 나오기 때문 입니다. 대략 아래처럼 코드를 작성 하였습니다. //생략.. Selector selector; { Iterator it = selector.selectedKeys().iterator(); while (it.hasNext()) { SelectionKey key = (SelectionKey) it.next(); .. 2023. 2. 15.
앵귤러 튜토리얼 (Angular tutorial) -10 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 이번시간에는 헤더 부분에 대해서 작업을 해 보겠다. 두개정도의 탭을 추가해서 바디부분의 내용이 변하는 기능을 만들어보도록 하겠다. 먼저 head.component.ts파일을 열어보자. import { Component, OnInit } from '@angular/core'; @Compone.. 2019. 6. 5.
Html 캔버스 Hover 이벤트 만들기 Html 캔버스에서는 그림을 그린 다음 그림을 1개의 객체로 보관하는 것이 아니라 그림 통째로 보관한다. 즉, html에서 div태그로 여러가지 그림을 그리면, 각각 이벤트나 움직임을 줄 수 있지만, 캔버스에서는 그렇지 않다. 왜냐하면 캔버스에서 객체는 1개이고, 그림을 사각형, 원형으로 그리더라도 그림1개로 저장되기 때문이다. 이를 해결하기 위해서는 수동으로 만드는 방법 밖에 없다. 원리는 간단하다. 사용자가 그림을 그릴 객체의 정보를 Javascript에서 배열이나 Object로 저장을 하고, 캔버스에서 마우스 이벤트를 감지하여 해당 영역에 값이 들어와있는지 계산하면 된다. const price = [50,50,20]; //x좌표, y좌표, 원 크기 const ctx = $(캔버스)[0].getCon.. 2019. 4. 26.