유니티에서 클릭했을 때 맨 위에 있는 오브젝트를 찾는 대표적인 방법이 레이캐스트(Raycast)를 이용한 방법입니다.그런데 2D 스프라이트(Sprite) 오즈젝트(object)를 사용하면 레이캐스트가 맞질 않습니다. 스프라이트의 기본 설정에 충돌체(Collider)가 없기 때문입니다. 1. 증상 확인하기 2D프로젝트를 생성하고 '2D Object > Sprite'와 '3D Object > Plane2'를 추가하고 두 오브젝트를 어느 정도 겹쳐 둡니다.상태를 확인할 텍스트오브젝트도 하나 올려줍니다. 스크립트를 생성하고 아래 코드를 넣습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 ..

전에 4.x버전용 드래그를 구현한 적이 있습니다. (참고 : [Unity 4] 오브젝트 드래그 하기 ) 그런데 5.x용 자료를 보다 보니 드래그 관련 이벤트가 있군요. 언제 생긴 건지 모르겠지만 이것을 이용하면 오브젝트 드래그를 쉽게 구현할 수 있습니다. 1. 드래그 이벤트 'MonoBehaviour.OnMouseDrag()'이라는 이벤트가 생겼습니다. (참고 : unity documentation - MonoBehaviour.OnMouseDrag() ) 오브젝트에 'MonoBehaviour'가 붙어 있다면 그냥 이벤트만 오버라이드해서 사용하면 됩니다. 이 이벤트를 오버라이드한 스크립트를 가지고 있는 오즈젝트는 드래그가 시작되면 이벤트가 넘어옵니다. 프로젝트를 생성하고 '3D Text'객체와 'Cube'..

인터넷을 뒤져보니 티스토리 로그인 체크는 티스토리 툴바(tistory toolbar)를 체크하는 방법 아니면 모든 페이지에 일관되게 체크할 수 있는 방법이 없는거 같습니다. 기존에 많은 분이 만든 코드가 있지만 마음에 드는 게 없어서 만들어 봅니다 ㅎㅎㅎ 0. 티스토리 툴바 표시 티스토리에서 '2차주소'를 사용할 때 '메뉴바 감추기'라는 옵션이 있는데 이 옵션이 체크되어 있으면 툴바 자체가 바인딩 되지 않습니다. 관리 > 기본 정보 > 주소설정 에서 확인 가능합니다. 툴바를 화면에 표시하고 싶지 않다면 css를 이용해야 합니다. css에 다음 코드를 추가합니다. 1 2 3 4 /* 티스토리 메뉴바 가리기*/ #tistorytoolbarid { display:none; } cs 1. 티스토리 툴바 분석 티..

문자열(string)을 URL object로 사용하면 로케이션 오브젝트(Location Object)처럼 사용할 수 있습니다. (참고 : [javascript] 로케이션 오브젝트(Location Object)사용 하기 ) 'URL' 처리를 자동화할 수 있다는 것이죠 ㅎㅎㅎ 1. 객체 생성하기 로케이션 오브젝트를 생성하기 위해서는 'a'태그를 생성해야 합니다. 아래 코드와 같이 'a'태그를 생성한 후 주소(.href)를 설정해 주면 로케이션 오브젝트처럼 쓸 수 있습니다. var elemA = document.createElement('a'); elemA.href = "http://blog.danggun.net:8080/test/test.html?id=1111&test=22222#asdfasdf"; 이렇게 ..

자바스크립트(javascript)나 제이쿼리(jquery)에서 url을 다루기 위해서 로케이션 오브젝트(Location Object)라는 것을 사용해야 합니다. c#의 'url object(uri)'처럼 사용할 수 있습니다. 1. 프로퍼티 읽어오기 현재 url의 로케이션 오브젝트는 'window.location'를 읽어서 사용할 수 있습니다. 1 2 3 4 //javascript var objLocation = window.location; //jquery var objLocationJQ = $(location); cs 로케이션 오브젝트에서 받아올 수 있는 정보는 다음과 같습니다. hash : 앵커 부분(# 뒷부분) host : 호스트 정보(호스트 주소만 나옴) hostname : 호스트의 이름 href..

css에는 마진 상쇄(margin collapsing) 혹은 마진 겹침(margin overlap)라는 현상이 있습니다. 탑과 바텀에 마진이 있는 경우 큰 쪽 한 개만 적용되는 현상을 말합니다. 아래위 마진이 겹쳐 있습니다. 1. 현상 확인 아래 코드를 실행해봅시다. See the Pen CSS3 Margin collapsing (margin overlap ) - Issue Check by DangGun (@danggun) on CodePen. 탑 마진(margin-top)을 20px주고 바텀마진을(margin-bottom) 20px를 줬습니다. 그런데 결과물은 20px 입니다, 이것을 마진 상쇄(margin collapsing), 마진 겹침(margin overlap) 현상이라고 합니다. 2. 현상의 ..

제가 노트북을 모니터에 연결해서 사용하는데... 윈도우10을 깔아보니 노트북 화면으로 가면 자동으로 비율 조정이 됩니다? 1. 증상 확인 양쪽에 창을 놓고 확인해 봅시다. 아래 스샷을 확인하면 왼쪽 창의 비율이 커진걸 알 수 있습니다. 2. 설정 방법 설정 > 디스플레이 > 텍스트, 앱 및 다른 항목의 크기를 변경합니다. 항목을 수정해 줍니다. 전 다시 100%로 바꾸겠습니다. 양쪽 비율이 같아졌습니다! 마무리 그런데 이 기능이 모니터의 물리적인 크기를 감지해서 적용되는 것인지 모델명가지고 감지하는 것인지 무조건 적용되는 것인지 모르겠네요. 거의 노트북 + 모니터 조합만 써서 말이죠 ㅎㅎㅎ

타입스크립트를 시작하기 위한 예제를 따라 해 보겠습니다. 참고 : typescript - Quick start 0. 준비하기 타입스크립트(typescript)가 설치돼 있지 않다면 설치해 줍니다. ( 참고 - typescript - Get TypeScript, [TypeScript] 타입스크립트(TypeScript)를 비주얼 스튜디오(Visual Studio) 2015에 설치하기 ) 타입스크립트를 설치하고 나면 프로젝트에 'TypeScript'라는 항목이 추가된 것을 볼 수 있습니다. 여기서 'TypeScript를 사용한 HTML 응용 프로그램'을 선택하고 프로젝트를 생성해 줍니다. 바로 실행해보면 실시간으로 시간이 갱신되는 타입스크립트 앱을 볼 수 있습니다. 1. 타입스크립트 파일 만들기 프로젝트에 '..

앵귤러JS(Agular, 이하 앵귤러)에서 앵귤러UI(AgularUI)에서 ng-grid라는 것을 지원해 줍니다. (참고 : AngularUI, Angular UI Grid ) 다양한 기능을 오픈소스로 만날 기회!! 지만 상용 그리드(grid)에 비해서 기능이 좀 모자라긴 합니다 ㅎㅎㅎㅎ ng-grid에서는 pdf나 cvs로 출력해주는 기능이 있습니다. 그런데 이 기능을 사용하면 이상한 점을 보게 됩니다..... 필터가 빠진 체로 출력됩니다. 1. 문제 발견 아래 예제는 그리드를 만들고 컬럼에 필터를 적용하였습니다. "눌러서 cvs 저장" 버튼을 눌러 다운로드 받아 봅시다. See the Pen AngularUI - Exporter cellFilter - Issue Check by DangGun (@da..

부트스트랩은 자체적으로 폰트를 사용합니다. 그런데 특정할 수 없는 상황에서 다음과 같은 에러가 발생합니다. 흠.... 파일경로로가보면 파일을 정상적으로 있는데 파일을 못 는 현상이 있습니다. 어디선가 많이 보던 에러인데..... stackoverflow - How to remove error about glyphicons-halflings-regular.woff2 not found 아..... 원인은 간단합니다. '.woff2'라는 확장자는 'MIME'기본 설정에 들어 있지 안씁니다 ㅋㅋㅋㅋㅋ 1. IIS의 경우IIS에서 MIME를 추가하면 됩니다. 사이트에 'MIME 형식'에 들어가서 '추가'를 눌러 아래와 같이 내용을 넣어주고 '확인'을 눌러 줍니다. 파일 이름 확장명 : .woff2 MIME 형식 ..