다른 회사의 서비스도 마찬가지지만 구글의 API를 이용하려면 '사용자 인증 정보'가 필요합니다. 구글은 API키, OAuth 2.0, 서비스 어카운트 키(Service account key) 이렇게 3가지방식을 지원합니다. 구글 API의 '사용자 인증 정보'는 어떻게 생성하는지 알아봅시다. 생성한 '사용자 인증 정보'를 활용하는 방법은 이 포스트에서 다루지 않습니다. 연관글 영역 0. 사용자 인증 정보 찾기 구글 클라우드 플랫폼에서 프로젝트를 생성하였다면 콘솔화면에서 아래와 같은 메뉴를 확인할 수 있습니다. API 관리자 > 사용자 인증 정보 를 선택하면 아래와 같이 '사용자 인증 정보'를 추가할 수 있는 페이지가 나옵니다. 1. API 키 만들기 API 키는 미리 생성된 키에 권한을 설정하여 사용하는 ..
구글 클라우드 플랫폼은 구글이 제공하는 API를 사용하고 관리하기 위한 플랫폼입니다. 일종의 개발자 센터 같은 곳입니다. 구글 계정이 있다면 쉽게 가입할 수 있습니다. 연관글 영역 1. 가입하기 아래 주소로 들어가 오른쪽 위에 있는 '로그인'을 선택합니다. 참고 : Google Cloud Platform 구글 계정으로 로그인니다. 오른쪽 위에 있는 콘솔을 누릅니다. 콘솔을 누르면 아래와 같은 페이지가 표시됩니다. 여기서 '무료 평가판 신청'을 누릅니다. 국가를 '대한민국'으로 바꾸시고 서비스 약관에 동의해 줍니다. 그러면 아래와 같이 개인정보 입력 페이지가 표시됩니다. 계정 유형을 '개인'(기업이면 그대로 둡니다.)으로 바꾸고 개인정보를 입력합니다. 한국어로 입력하셔도 됩니다. 여기서 신용카드 정보를 입..
경력이 쌓여도 가끔 초보적인 실수를 하게 되는데...... 이 오류가 대표적인 실수로 인한 오류입니다. 1. 오류 오류의 내용은 다음과 같습니다. 파일이나 어셈블리 '[네임스페이스]' 또는 여기에 종속되어 있는 파일이나 어셈블리 중 하나를 로드할 수 없습니다. 지정된 파일을 찾을 수 없습니다. 이 오류가 나는 대부분의 경우는 네임스페이스와 클래스(혹은 인터페이스 같은 것들)의 이름이 겹치는 경우입니다. 물론 무조건 겹친다고 에러가 나진 않습니다. 그래서 'ASP.NET'는 빌드타임 에러가 아닌 런타임에러가 나는듯합니다. 2. 해결 방법 이름을 바꾸면 됩니다. 끝. .... ..... 너무나 당연한 이야기지만 일반적인 설계에서는 오브젝트 이름과 네임스페이스 같은 것들이 겹치게 하지 않습니다. 이 오류 자체..
앵귤러2를 새로 받아야 해서 npm을 돌려봤는데.... index.js:2 const spawn = require('child_process').spawn; ^^^^^ SyntaxError: User of const in strict mode. 어떤 명령어를 날려도 이 에러가 뜨면서 진행이 되지 않습니다. 1. 일반적인 해결방법 일반적으로는 npm을 업데이트하거나 캐쉬를 날린 후 다시 설치하면 됩니다. 업데이트 명령을 아래와 같습니다. Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force npm install --global --production npm-windows-upgrade npm-windows-upgrade 다시 설치하는 명령은 아래와 같습니..
비주얼 스튜디오 2015(Visual Studio 2015)에 앵귤러js2를 받아서 넣긴 했는데.... 종속성 복원이 안 되고 다음과 같이 표시됩니다. npm - 설치되지 않음(not installed) UI에서 어떤 것이 실패했는지 알 수 없으므로 한땀한땀 찾아보니..... 'fsevents'가 설치되지 않았습니다. (패키지 명으로 찾으시길 바랍니다.) 이제 오류의 내용을 알았으니 해결방법을 찾기만 하면 됩니다! 1. 방법1 - 외부 도구 지정하기 이것에 관해서 대표적인 해결방법은 npm을 글로벌 버전으로 연결하라는 것입니다. (참고 : SCOTT HANSELMAN - Visual Studio 2015 - Fixing "Dependencies npm not installed" from fsevents ..
유니티UI에서 UI를 만들고 인스팩터(Inspector)을 확인해보면 랙트 트랜스폼(Rect Transform)이 추가된 것을 알 수 있습니다.랙트 트랜스폼에는 앵커 프리셋(Anchor Presets)이라는 것이 있습니다.(참고 : 유니티 매뉴얼 - 기본적인 레이아웃 ) UI가 유동적으로 배치되야 할 때(여러 해상도에 대응한다든가 하는 상황) 어떻게 배치돼야 하는지를 설정하는 값입니다.이 포스팅에서는 앵커 프리셋을 어떻게 다루고 사용하는지 알아보겠습니다. 1. 앵커를 찾아라! UI 패널(GameObject > UI > Panel)을 하나 생성합니다.생성된 패널의 인스팩터를 확인하면 랙트 트랜스폼이 있습니다.랙트 트랜스폼의 첫줄 왼쪽에 상자가 있습니다.이것이 앵커 프리셋입니다. 씬(Scene)화면에서는..
4
유니티에서 클릭했을 때 맨 위에 있는 오브젝트를 찾는 대표적인 방법이 레이캐스트(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"; 이렇게 ..
