[구글 애드센스] Google Adsense HTML/CSS 설정 연구..

2016. 11. 3. 12:12

 Html에 익숙치 않으신 분들은 Adsense를 본문에 다는 중에도 많은 시행착오가 있으시리라 생각됩니다. 그 중 저 역시도 많은 글을 읽고 시도해 보면서 겨우 본문에 이쁘게 정렬할 수 있었는데요.

 본문에 정렬할 때 생길 수 있는 배치상의 오류와 그 수정법에 대해서 말씀드리겠습니다.

 

애드센스 따라하기..

 

 우선 본문 상단에 배너를 배치하고 싶었습니다. 해서 제 본문 폭을 살펴보았더니 575px 이더군요. (본문폭은 홈페이지에서 'Q'를 누르면 관리페이지로 넘어가게 되는데, 글관리->글설정에서 '글 쓰기 가로폭'을 통해 확인 할 수 있습니다.)

 

 575px이라면.. 많은 사람들이 애용하시는 300px*250px를 두개 배치할 수는 없더군요.. 그래서 250px*250px를 두개 달기로 결정을 했습니다.

 

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 250*250 배너 -->
<ins class="adsbygoogle"
style="display:inline-block;width:250px;height:250px"
data-ad-client="ca-pub-8660546672794704"
data-ad-slot="3685323476"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

 위와 같은 코드가 복사 되더군요. 그래서 위의 코드를 연달아 붙였더니..

 

 

 이것은 무슨 괴현상인가요? 슬퍼2

 모두 오른쪽으로 정렬이 되버렸던 것입니다. 그래서 오류를 해결하고자 여러 사이트를 돌아볼 수 밖에 없었습니다.

 

오류 해결하기..

 사이트를 돌아보며 느낀 점은 Html의 많은 고수분들이 존재한다는 것이었으나 초보자의 입장에서 명확한 해결책을 제시해주시는 분은 없더군요. 그래서 사이트를 전전하며 Html공부를 시작하게 되었습니다.

 

흥4

 

 첫번째 도달한 해결책은 아래 박스처럼

 

HTML

<div class="google_left">
왼쪽 구글 애드센스 광고 코드 입력
</div>
<div class="google_right">
왼쪽 구글 애드센스 광고 코드 입력
</div>

CSS
.google_left{float:left;margin:0px 0px 0px 30px;}
.google_right{float:right;margin:0px 0px 0px 30px;}

 

 위의 코드와 같이 div 코드로 묶어서 left와 right로 각각의 배너를 나누어 배치하는 작업이었습니다. 근데 결과는??

 

 

 해결이 안되더군요..도와줘

 

 

HTML / CSS 분해하기

 

 

 누군가를 붙잡고 해결하고 싶었으나 지인중에 프로그래머가 있는 것도 아니고.. 분석에 들어갔습니다. 나름 이리저리 적용하다보니 div의 의미와 CSS의 용도를 알 수 있겠더군요.

 

우선 <div class="google_left">에서 div와 /div란 구글 애드센스 코드를 감싸안는 구분명령이며 google_left는 그 구분명령의 이름을 명명한 것이라 이해했습니다.

그리고 CSS란 google_left라는 이름을 CSS에 적용해서 Html상의 google_left라는 이름의 구분된 코드에 {}안의 스타일을 적용하시오.. 라고 이해가 되더군요. (ex) CSS : .google_left {google_left의 스타일}

 

 이렇게 이해를 하고서 width라는 넓이 지정 명령어와 margin이라는 명령어는 이리저리 뒤져서 아래와 같은 코드를 작성하였습니다.

 

HTML
<div class="google_box> -google_box를 한번 더 씌우고
<div class="google_left">
왼쪽 구글 애드센스 광고 코드 입력
</div>
<div class="google_right">
왼쪽 구글 애드센스 광고 코드 입력
</div> </div> -google_box를 한번 더 닫았습니다.

CSS
.google_left{float:left;margin:0px 0px 40px 30px;}
.google_right{float:right;margin:0px 0px 40px 0px;}

.google_box{width:575px;} -그리고 너의 크기는 575px가 한계야!

 

 그리고~ 이쁘게 정렬하기 위해서 margin의 세번째 칸에 40px를 더 주었습니다. (margin은 젤 왼쪽부터 0px(위쪽) 0px(오른쪽) 40px(아래쪽) 30px(왼쪽)이라더군요.)

즉, 각각의 광고를 left와 right의 div로 구분하고 그 구분된 광고들을 하나로 다시 div로 묶었습니다. 그리고는 큰 박스로 구분된 google_box는 니 넓이의 한계는 575px니까!! 다음줄로 넘어가지마!!를 CSS : .google_box {width:575px;}로 정의하였고 저장하여 이제는 되겠지를 외치면서... 적용하였습니다.

 

 

 으악~!!! 악 정말 저를 분노케 만드는 Html입니다. html의 빈공간까지 기어이 기어올라와 제목을 넣어버리는 html... 슬퍼2

 

해결하기

 

 여기까지 오고나니 누가 이기나 해보자란 심정으로 저 빈 공간을 메워보기로 하였습니다. 그래서 최종적으로 선택한 코드는 아래와 같습니다.

 

HTML
<div class="google_box> -google_box를 한번 더 씌우고
<div class="google_left">
왼쪽 구글 애드센스 광고 코드 입력
</div>
<div class="google_right">
왼쪽 구글 애드센스 광고 코드 입력
</div> </div> -google_box를 한번 더 닫았습니다.

CSS
.google_left{float:left;margin:0px 0px 40px 35px;}
.google_right{float:right;margin:0px 0px 40px 40px;}

.google_box{width:575px;} -그리고 너의 크기는 575px가 한계야!

 

 제가 쓰는 광고 크기가 가로폭이 250px이기에 2개를 합치면 500px이므로 (총 글쓰기 가로폭 575px)-(배너 250px*2개) 75px를 두 배너에 적절히 분배하였습니다.

그래서 최종적으로 배너는 안착을 하였고, 새벽 한시가 넘어 취침을 하게 되었다는 ....안돼 그래도 완성본을 보고 있자니 뿌듯하네요. 홧팅2

 

 

쥬마 블로그/블로그 노하우

비트코인이란? 그리고 그 전망은?

2016. 11. 2. 19:30

비트코인의 현주소

 

 요새 주목받고 있는 비트코인에 대하여 포스팅하고자 합니다. 여러분은 요새 비트코인에 대하여 많이 접해 보셨을 겁니다.


 여러분은 왜? 비트코인이 최근 주식시장을 달구고 경제신문 / 각종 뉴스매체에서 다루어지는지 생각해 보셨나요? 최근들어서 이렇듯 각종매체와 사람들이 주목하게 된 그 이유는 바로 아래의 그래프에 있습니다.

 

 

 

 와우! 보이시나요? 위와 같이 2013년 11월부터 시작한 급격한 상승은 단 1달만에 거의 10배에 가까운 상승을 했습니다. 화폐로써의 기본가치갖춰가면서 세계적으로 이슈가 되었기 때문이지요.

 

 세계적으로 비트코인을 사용해본 사람들은 비트코인이 화폐로써 충분히 활용할 수 있다고 말하고 있습니다. 실례로 현재 비트코인을 받는 상점이 늘어가는 추세이며 캐나다와 같은 외국에는 이 비트코인만으로도 기본적인 생활이 가능할 정도로 시장이 형성되어 있습니다.


 또한 제가 생각하기에도 비트코인 자체만 놓고 보자면 그 가치에 반할 정도로 투자의 메리트가 있습니다. 여러분도 다음 동영상을 보시면 왜? 비트코인의 등장에 사람들이 열광하는가에 대해서 어느정도 감을 잡을 수 있을 겁니다.



비트코인의 장점


비트코인의 장점은 매우 많습니다. 허나 두가지를 콕 찍자면..


1. 저장성 : 여러분은 돈은 은행이라는 큰 돈저장창고에 돈을 맡겨야만 합니다. 많은 돈을 몸에 지니고 다닐 수 없기 때문이지요. 하지만 비트코인은 인터넷속의 비트코인 지갑이라는 장소에 저장됨으로써 굳이 돈을 은행에 맡길 필요가 없습니다.


2. 유동성 : 유체물이 아닌 무체물이기에 송금과 같은 형태의 수수료가 발생하지 않고 인터넷이 있는 지역이면 그 어느 곳에서나 활용이 가능합니다. 특히나 스마트폰 시대에 이러한 비트코인은 만일 세계 통용화폐가 된다면 환전수수료 및 돈이 이동됨에 따라 생기는 부대비용이 전혀 발생하지 않게 됩니다.


그 외에도 많은 장점이 있을 것이나 이 두가지만 보게 되더라도 비트코인은 화폐의 개혁이라 말할 수 있습니다.



비트코인의 단점 그리고 그 대안


하지만, 비트코인이 화폐로써 활용이 되거나 투자의 대상이 되자면 우선 해결해야 할 과제가 있습니다.


1. 보안상 그 화폐를 안전하게 지킬 수 있어야 한다는 확신을 심어주어야 하고

2. 만일 그 화폐를 도둑맞았을 때에 보상받을 수 있법적인 대책이 마련되어져야 한다는 겁니다.


즉, "보안"이 가장 큰 문제이지요. '비트코인' 자체는 코드화되어 해킹할 수 없지만 이를 이용해 수수료를 버는 비트코인 마켓이 해커들의 주대상이 되며 특히나 비트코인의 장점인 익명성에 의하여 이렇게 도난당한 코인이 누구의 명의의 비트코인인지 알 수가 없다는데에 위험도가 매우 높습니다. 또한 비트코인 1BTC 현재 코빗(https://www.korbit.co.kr/ <한국비트코인거래소>) 시세를 보자면 710,698원의 거액이다 보니 이러한 해킹범죄가 증가하고 있는 추세입니다.


 

<네이버 검색결과에서 발췌>


 이렇다보니 전 세계적으로 이를 보완할 대책과 대안을 마련하려고 노력중이며 그 와중에 등장한 것이 영국에서 세계최초'비트코인 보험'입니다.

 

 


하지만, 이것마저도 역시 임시방편일 뿐 근본적인 해결책은 되지 않고 있습니다.



비트코인의 단위 그리고 전망


1 BTC : 1 bitcoin : 1 비트코인

0.01 BTC : 1 cBTC : 1 centi bitcoin (bitcent) : 1 센티비트코인
0.001 BTC : 1 mBTC : 1 milli bitcoin (mbit 또는 milli bit) : 1 밀리비트코인
0.000001 BTC : 1 μBTC : 1 micro bitcoin (ubit 또는 micro bit) : 1 마이크로비트코
0.00000001 BTC : 1 satoshi : 1 사토시


 비트코인은 위와같이 단위가 나뉘어지며 1사토시가 최소단위 입니다. 만일 비트코인이 세계통용화폐가 된다고 한다면 현한국의 화폐활용도를 볼때 추후 1 사토시는 약 한화 1,000원까지 상승할 가능성이 있습니다.

 

 하지만, 비트코인은 2,000만개라는 생산량의 한계가 있기 때문에 세계통용화폐로는 불가능할 것으로 판단되며 비트코인은 '채굴'이라는 비트코인 자체의 시스템 규칙으로 생산해 내야하기 때문에 그 한계점을 안고 있습니다. 또한 채굴 총량이 늘어날수록 그 채굴 난이도는 지속적으로 증가하기에 생산량의 한계라는 그 단점이 더욱 심화 부각됩니다.


 즉, 비트코인은 단기간 이슈로 끝날 가능성이 매우 농후하나 만일 이러한 단점을 모두 해결한 전자화폐가 만들어 진다면 이는 고려해 보아야 할 일입니다. 하지만 아직 요원한 일이겠지요? ^_^;;


 혹자는 비트코인이 1BTC당 1,000만원까지 상승할 가능성이 있다고 믿고 있으나 제가 판단하기로는 현재 100만원까지가 한계점이며 사람들간에 돌고도는 이슈가 사라지는 날 사람들 기억 저편으로 날아가버리지 않을까? 하는 생각을 해 봅니다.

쥬마 경제/재테크 정보

FPS 수치가 게임에 주는 영향도

2016. 11. 2. 19:02

FPS 수치 - 게임에 주는 영향

 

 

 FPS게임의 대명사 SUDDEN ATTACK을 할 때 킬데스 수치가 60%를 넘는 사람이라면 확연히 느낄 것입니다. 컴퓨터의 차이가 게임에 영향을 얼마나 주는지를..

 

 그 근거는 이렇습니다. SUDDEN ATTACK과 같은 게임인 카운터스트라이크의 경우 FPS를 수치화하여 보여줍니다. 이 FPS 수치가 100을 상회하는 컴퓨터에서는 정말 하수도 극히 부드러운 화면에서 게임을 접하기에 쉽게 고수의 반열에 들수 있습니다.

 

 이는 마우스 움직임에 딜레이가 존재하지 않기 때문인데요. 수직동기를 킨 상태에서 최대 FPS는 60수준 즉, 수직동기를 끄고 FPS가 100을 상회하는 경우 여러분의 반응속도는 FPS 60인 상대방보다 1.67배 빨라집니다.

 

        <서든어택>                 <카운터 스트라이크>

 

 즉, 컴퓨터가 사양이 좋다는 전제하에 '수직동기를 끄고(OFF 상태) 플레이' 한다면 상대방의 마우스가 당신을 찾아 이동하는 동안 여러분의 마우스는 상대방의 머리를 겨눈 상태로 쏘고 있을 겁니다.

 

 0.1초의 속도차이로 킬/데스가 구분지어지는 FPS게임에서는 이러한 컴퓨터의 사양 / 설정에 따라서 매우 큰 차이가 납니다.

 

 서든어택 "끌어치기" 또는 "브레이킹" 등을 많이 들어보셨을텐데요. 이러한 기술 또한 컴퓨터 설정이 제대로 되어 있어야 제대로된 플레이가 가능합니다.

쥬마 게임/게임 정보