웹 브라우저 개발자 도구 [F12]


 주요 웹 브라우저에서 F12 키를 누르면 개발자 도구를 활성화 할 수 있다. 이것을 이용하여 웹 페이지를 디버그 하거나 테스트, 속도를 향상 시킬 수도 있다. 개발자 도구는 각각의 브라우저마다 조금씩 모습이 다르지만 기능은 비슷하다.






[개발자 도구 활용]


 Ctrl + 마우스 휠을 이용해 가장 많이 이용하는 배율로 (100% 혹은 110%) 맞추어 놓고 이 개발자 도구를 이용하면 블로그나 홈페이지를 제작할 때 필요한 타이틀 이미지 크기 혹은 비율 등을 알아낼 수 있다. 우측에 html로 표기되는 값들에 마우스를 가져다 대면, 좌측 화면에 자신이 마우스를 갖다 댄 부분이 푸르스름하게 표기되며 그 부분의 사이즈가 픽셀 단위로 표기된다.  





 


[픽셀 표기]


 이렇게 픽셀로 표기된 이미지 사이즈를 알아냈다면 포토샵이나 기타 이미지 편집프로그램을 이용해 이미지를 제작할 때 캔버스사이즈를 이에 맞춰 제작하면 된다.





 

[포토샵 캔버스 사이즈 조절]




 블로그 운영을 시작한지도 꽤 많은 시간이 흘렀다. 순수한 취미와 정보전달과을 목적으로 시작했지만 지금도 과연 같을까. 확실한 것은, 오직 수익만을 위해 운영되는 블로그는 오래가지 못할 것이라는 거다.   





[활동내역]


 티스토리에서 제공되는 블로그 결산 시스템을 처음 사용해보았는데, 지난 1년간의 활동 정보들이 직접 눈으로 볼 수 있는 그래프와 워드 클라우드 등으로 보여져 알아보기도 편했고, 나름 보는 재미도 쏠쏠했다. 작년 한 해 동안 67개의 글을 작성했는데, 가만 보니 시험기간마다 블로그 활동량이 줄어드는 것을 관찰할 수 있었다. 10월 달 정도부터 합류했던 친구들의 포스팅 역시 눈에 띄었다.






[워드클라우드]


 다양한 정보를 하나의 이미지로 압축해서 보여주는 인포그래픽스. 최근 인포그래픽스를 공부하면서 접했던 이미지 예시를 여기서 보게되어 반가웠다. 

 






 애초에 IT분야와 게임, 일상을 주로 다룰 예정이였으니 의도대로 운영이 잘 이루어졌다고 생각이 들지만 생각보다 작성한 글의 수가 많지않아 스스로의 게으름을 반성하게 된다.




 31,461명이라는 총 방문자 수를 보며 '내가 쓴 글이 생각보다 많은 사람들에게 영향을 끼치는구나' 라고 생각했다. 언론인이 전하는 정보가 직접적인 폭력보다도 사람들에게 더 큰 영향력을 미친다는 말이 생각나면서 부끄럽지 않은 글을 써야겠다 생각했다.

아무리 하찮은 글이라도 글쓰는 사람에게 중요한 것은 자신의 글에 대한 책임감이다. 







 약 두 달간에 걸쳐 진행했던 게임방송, 방송을 하기 위해 배웠던 정보들을 나름 신경써서 정리한 보람이 있다. 부디 내가 쓴 글이 독자들에게 충분한 도움이 되었으면 좋겠다.







 올 한해에는 내 블로그에 더 많은 흔적들을 남기고 싶다. 이왕이면 주제하나 제대로 잡고 글을 쓰고 싶은데 나란 사람이 원체 깊이가 없는 사람이라 그런지 쉽지가 않다.







 "Daum 포토업로더는 Flash Player10에 최적화되어 있습니다

최신버전의 Flash를 설치하신 후 다시 시도해주세요.”



 티스토리는 사진 업로드를 할 때 다음포토업로더를 이용하기 때문에 간혹 플래시 플레이어 오류가 발생합니다. 이 오류는 플래시플레이어가 최신 버전이 아니거나 컴퓨터 설정이 잘못되어 있는 경우 발생합니다. 윈도우10 유저의 경우 어도비 플래시 플레이어가 윈도우에 내장되어 윈도우가 업데이트 될 때 자동으로 업데이트되기 때문에 플래시 자체의 문제는 아니며 컴퓨터 인터넷 설정을 바꾸어 주면 해결됩니다.

 



 




인터넷 옵션 설정으로 해결




Chrome 제어창 - 설정






설정 - 고급 설정 표시








개인정보 - 콘텐츠 설정








플래시 - 사이트에서 Flash를 실행하도록 허용



 








 

 플래시 플레이어 재설치로 해결


 

제거

https://t1.daumcdn.net/cfile/blog/1418164D4D38EA6B0B

 

재설치

http://get.adobe.com/kr/flashplayer/

 


플래시 플레이어 삭제 시 컴퓨터를 재부팅해야 완전히 삭제되는 

파일이 있을 수 있습니다

문제 발생시 플래쉬 플레이어 삭제 - 컴퓨터 재부팅 - 플래쉬 플레이어 재설치

순서로 문제를 해결해주세요.


 

 







Daum ActiveX 재설치로 해결

 


제거

https://t1.daumcdn.net/cfile/blog/2716774A5462CCC031


 

재설치

https://t1.daumcdn.net/cfile/blog/236C2F505462CCD026














 카테고리 관리는 블로그 독자들이 원하는 정보를 빠르게 찾아볼 수 있는 편의성을 제공합니다. 그런데 티스토리 블로그를 꾸미다 보면 카테고리가 닫혀 있는 경우가 있습니다. 카테고리 관리 기능에 펼쳐놓기 기능이 없기 때문에 이 경우 사용자가 일일히 카테고리를 클릭해 열어보아야하는 불편함이 생기는데요, HTML/CSS 편집을 이용하여 간단하게 카테고리를 열어놓을 수 있습니다.











티스토리 관리창 좌측의 HTML/CSS 편집 기능을 클릭해줍니다.











HTML에서 Ctrl + F 키를 눌러 ##_category_##을 입력하여 

수정할 위치를 찾아줍니다.











좌측의 사이드바를 보시면 카테고리가 닫혀 있는 것을 확인하실 수 있습니다.

##_category_## 하단에 아래와 같이 스크립트를 입력합니다.

 

모두 보기 (73)
성장과정 (35)
스트리밍 프로그램 (7)
포토샵 (6)
애프터이펙트 (1)
유튜브 (5)
블로그 (6)
일상 & 정보 (9)
장비 (1)
게임 (13)
리뷰 (7)
박준영 Editor (3)
Dudik Editor (6)
나나몬 Editor (2)
강한 Editor (7)
스크랩 (0)

<!-- 카테고리 모두 펼치기 시작 -->

<script language=“JavaScript”>try{expandTree();}catch(e){}</script>

<!-- 카테고리 모두 펼치기 종료 -->











새로고침을 눌러 확인해 보면 카테고리가 펼쳐져 있는 것을 확인하실 수 있습니다.














허가된 구글 애드센스 계정에 광고를 게재할 사이트를 추가하는 방법입니다.

 



유튜브를 활용해 간접광고를 위한 구글 애드센스 계정을 활성화 시켰거나 2개 이상의 블로그에서 수익을 얻고 싶다면 애드센스에 사이트를 추가적으로 등록해야한다. 굉장히 간단하게 사이트를 추가할 수 있다.

 



애드센스 메인 페이지에서 설정에 들어간다.

내 사이트클릭

추가할 사이트를 입력

④ 다른 웹사이트에 광고 게재 등록

: 내 광고 - 기타제품 - 다른 웹사이트에 광고 게재

⑤ 완료






① 애드센스 메인 페이지에서 설정에 들어간다.



② 내 사이트’ 클릭



③ 추가할 사이트를 입력



④ 다른 웹사이트에 광고 게재 등록

: 내 광고 - 기타제품 - 다른 웹사이트에 광고 게재



완료







네이버 웹 마스터 도구 등록


 

트래픽을 이용한 간접광고(직접광고를 제외한 구글 애드센스, 다음 애드핏, 네이버 애드포스트 등)를 통해 수익을 얻고자 하는 블로거를 위한 팁이다국내 검색엔진 이용 비율은 네이버가 압도적이기 때문에 네이버 이외의 블로그 이용자들은 네이버 웹 마스터도구에 등록하지 않으면 노출을 기대하기 어렵다다음은 네이버 웹 마스터 도구에 티스토리 블로그를 등록하는 방법이다.

 





사이트 접속, 사이트 추가


http://webmastertool.naver.com/

 







② 사이트 소유 확인

 

HTML 태그에 해당 버튼 클릭, 메타태그 복사






티스토리 블로그 관리 - HTML/CSS 편집








표시된 위치에 메타태그 붙여넣기







완료