오늘은 티스토리 사이드바 메뉴에 애드센스를 추가하는 법을 공유 드리겠습니다. 우선 관리자 화면에 [플러그인 - 배너 출력] 사용 할 수 있도록 적용해 주셔야 합니다.  배너출력을 클릭하면 아래의 이미지 처럼 적용을 눌러 사용할 수 있게 해줍니다.             그리고 나서 [꾸미기 - 사이드바] 탭에 들어가셔서 보면[플러그인] 이미지 배너출력[플러그인] HTML 배너출력2개 항목이 추가가 됩니다!  HTML 배너출력의 + 버튼을 클릭 하면오른쪽 메뉴에 하나씩 생성이 됩니다.드래그 해주셔서 원하는 위치에 적절히 배치를 해주시구요         마우스를 오버하면 편집 버튼이 나옵니다. 클릭!   HTML의 배너출력에 이름 HTML소스(구글 광고코드)를 삽입하면 됩니다!  구글 광고코드는 가급적이면 디..

티스토리 블로그를 처음 하시는 분들께서는 어떻게 적용해야 하는지 궁금해하실 것 같아서 블로그에 애드센스 적용하는 법을 공유하겠습니다! 애드센스는 심사 승인이 까다롭고 몇일 걸리는 단점이 있지만 수익성이 좋아서 아직까지도 많은 블로거들이 사용하고 있는 광고 중 하나 입니다 우선 구글 애드센스에 가입을 하는 것이 첫번째 입니다! 구글 계정으로 가입을 하시면 되고 Google 애드센스 - 웹사이트에서 수익 창출하기 Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다. www.google.com 심사를 하기전에 티스토리에 일부 포스팅은 해두어야 합니다! 아무것도 올리지 않고 광고 승인요청..

스도쿠를 가볍게 만들고 난 후 뭘 해볼까 고민후에 같은 그림 찾기를 만들어보기 시작했다. RPG, FPS 같은 게임들은.. 일단 내 취향도 아니면서 unity를 해야할 이유가 없었기 때문에 한 판에 3분이 넘어가지 않는 퍼즐게임이 내게는 중독성이 더 있어서 개발을 해보기로 하였다 모든 건 Vue, Javascript 로 만들었음..!.. 터치 반응 속도가 네이티브랑 크게 차이가 없는 듯 한데 0.1 초.. 정도 뭔가 다른 느낌이 있다. 터치 라이브러리 vue2-hammer https://www.npmjs.com/package/vue2-hammer 이미지는 pixabay 를 이용했고 퍼블릭 도메인 기준으로 저작권 없는 이미지만 사용 기획 단계 가볍게 플레이 할 수 있는 방안을 모색 후 개발( 클릭, 진동,..

Javascript 로 개발을 알아서 잘 하실거라고 생각하고 앱을 개발하면서 수익을 내기 위해 admob 을 적용시키는 과정을 공유드립니다. 제가 직접 적용했던 소스코드 및 플러그인도 공유드립니다. 필요준비물 1. admob 사이트 가입 및 앱 ID 획득 앱 ID ( cordova 플러그인 설치 시 필요 ) 배너광고 ID, 전면광고 ID, 리워드광고 ID ( 소스코드에 적용시 필요 ) 개발을 할 때는 테스트 ID로 개발을 진행해야 합니다 한 번(?)이라도 실계정ID 로 테스트 하면 계정이 약 1달 간 중지됩니다 https://developers.google.com/admob/android/test-ads?hl=ko 네이티브 광고는 cordova로 지원되지 않습니다(직접 개발하면 가능할지도..) 2. co..

프레임워크를 선택하는게 어려워하는 부분이 아닐까 싶다 사실 목표를 정하고 개발하는 것 자체는 크게 어렵지 않지만 - 프레임워크를 도입해야하나? 한다면 side effect는 없을까? 레거시랑 잘 호환이 될까? 추후에도 유지가 될까..? - 변수명을 뭘로짓지..? - 함수명은 뭘로짓지...? 등등이 아닐까 싶다. 아 번외이지만 Native Script 도 테스트를 해보았는데 뭔가 새로운 언어의 느낌이라 패스하였음 물론 본인도 처음에 CSS 프레임워크를 찾아보던 중 고민이 생겼었다. 기존에 잘하는 걸로 할지 아니면 새로운걸 해볼지 - vuetify vs ionic vs onsen 결국에는 onsen ui 프레임워크를 선택했는데 그 이유는 가장 최근에 만들어져 위의 3개 중에 지원되는 것이 가장 적었기 때문이..

저처럼 Javascript 를 좋아하는 사람들이 어플을 간단하게 나마 만들 수 있도록 제 지식을 공유하려고 합니다. 전문성 있는 어플을 개발하려면 결국에는 네이티브로 개발을 하게 되는 본인의 모습을 보게 될 테지만 그 전에 맛보기를 해보면서 뭐가 부족한지 아니면 cordova로 해도 충분한지 터득해 보시길 바라며..!.. 개발환경 : Windows 10 64bit, 8RAM, Intel i7 안드로이드 스튜디오 설치 node(npm) 설치 vue 혹은 바닐라 Javascript cordova 설치 빌드 주의 사항 간혹 PC 호스트명이 한글로 되어 있을 경우에 안드로이드 빌드시 sdk 경로를 인식하지 못합니다. 본인의 개발 PC 이름이 한글이면 안드로이드를 다른 경로에 설치해주셔야 합니다. 1. 안드로이드..