본문 바로가기

IT와 생활/홈피와 블로그63

다음카카오 플레인 - 추천 모바일 블로그 Plain, 사용방법과 소개 [다음카카오 플레인 - 추천 모바일 블로그 Plain, 사용방법과 소개] 다음카카오가 플레인이라는 관심기반의 SNS를 내 놓았습니다. 핀터레스트 같은 디자인, 인스타그램 같은 사용법으로 전용 앱에서도 깔끔한 손맛을 느낄 수가 있습니다. 네이버의 포스트라는 서비스에 대항마가 될 것으로 기대되는 다음카카오의 플레인은 광고업자의 글이 적고 사용법이 산뜻해서 추천할만한 마이크로 블로그 서비스입니다. 인스타그램을 하듯 #태그로 연결되는 다음카카오 플레인의 특징 예전에 다음은 "요즘"이라는 SNS서비스를 제공하다가 종료했습니다. 페이스북과 트위터가 강세인 SNS에서 인맥을 기반으로 하는 서비스에서 한계가 있었던 것입니다. 이제 관심을 기반으로 하는 새로운 SNS인 다음카카오 플레인이 오픈하였습니다. 관심기반이란 독.. 2015. 5. 15.
무료로 포토샵 보정필터효과를 웹에서 바로 쓴다 - befunky.com [무료로 포토샵 보정필터효과를 웹에서 바로 쓴다 - befunky.com] 스마트폰을 쓰다보니 편리성에 젖어 들다 사진 편집과 합성, 보정의 강자는 역시 포토샵입니다. 그런데 스마트폰의 대세가 되면서 스마트폰 상에서 바로 사진에 효과를 줄 수 있는 앱들이 대세가 되었습니다. 스마트폰 앱은 무료로 많고, PC의 포토샵 보다 훨씬 쉽게 사진 이미지를 다룰 수 있는데다가 포토샵에서는 유료로 구매해야 하는 기능을 무료로 제공하는 경우도 있기 때문에 많이 사용합니다. 그래서 스마트폰으로 찍은 개인사진을 다룰 때에는 오히려 PC의 포토샵을 사용하지 않고 앱을 켤 때가 많습니다. 하지만 스마트폰 앱의 편리함에 젖다 보니, 이번에는 PC에서도 앱처럼 간편하게 사진 이미지에 효과를 주거나 보정하는 필터효과를 무료로 사용.. 2015. 3. 6.
그누보드에서 방문자 카운터를 다시 설치하고 싶을 때 스킨 삽입 [그누보드에서 방문자 카운터를 다시 설치하고 싶을 때 스킨 삽입] 그누보드를 설치한 뒤, 디자인을 변경하느라 이것 저것 만지다보면 처음에는 나왔던 "방문자 카운터"가 없어져서 다시 설치해야 하는 경우가 있습니다. 또는 카운터 스킨을 다운 받아서 설치할 때도 잘 안 될때는 확인해야 할 부분이 있습니다. 최상단에는 호출코드가 있어야 한다 1개 페이지에 모두 넣었을 경우 최상단에 아래의 내용이 있어야 하고 그누보드처럼 인클루드 방식일 경우엔 head.php파일에 아래의 내용이 있어야 방문자 카운터를 불러올 수 있습니다. 없는데 억지로 붙여 넣으면 에러를 내고 맙니다. 최상단에 내용이 없을 경우엔 head.php를 열어서 최상단에 아래 내용이 있는지 확인합니다. 방문자 확인 스킨을 삽입하는 코드 : 이 부분이 .. 2015. 2. 24.
유튜브 동영상 퍼오기(공유) - 저작권협회와의 저작권법 정리 [유튜브 동영상 퍼오기(공유) - 저작권협회와의 저작권법 정리] 헷갈리는 유튜브 동영상 공유의 저작권 유튜브에는 소스코드 복사하기 기능이 있어서 홈페이지나 블로그에 동영상을 퍼 와서 삽입할 수가 있습니다. 방문자에게 동영상이나 음악을 감상할 수 있게 하는 것까지는 좋은데, 저작권 위반으로 적발되는 사례가 있습니다. 소스코드 복사하기 기능이 있어서 퍼다 붙인 것인데 저작권 위반이라고 하니 이해할 수가 없습니다. 더구나 검색을 해 보면 유튜브와 한국음반저작권협회가 협약을 체결하여 저작권 문제를 해결했다는 기사가 분명히 있습니다. 유튜브에는 링크 복사 기능도 제공하고 유튜브가 저작권 계약도 한다면서 개인 보고는 저작권 위반이랍니다. 이건 어떻게 된 걸까요? 유튜브 내의 저작권과 유튜브 외의 저작권이 헷갈리게 .. 2015. 2. 13.
다음(Daum)의 위젯뱅크 서비스 종료와 추천 위젯서비스 달통 [다음(Daum)의 위젯뱅크 서비스 종료와 추천 위젯서비스 달통 ] 다음이 지금까지 제공해왔던 위젯서비스인 위젯뱅크를 종료함에 따라, 또 다른 위젯서비스인 달통 소개를 함께 묶어 포스팅합니다. 위젯이 뭐야? 위젯은 소형 장치나 부품을 뜻하는 단어입니다. 흔히 사용하는 스마트폰에도 위젯이 있습니다. 예를 들어 스마트폰 바탕화면에 날씨 위젯을 설치해 놓으면 자동으로 날씨를 불러와서 실시간으로 보여줍니다. 이처럼 위젯은 정식 프로그램은 아니지만 작은 프로그램으로 설치되어 동작하는 것을 총칭하는 말입니다. 위젯은 PC용과 스마트폰용, 웹용으로 크게 나뉩니다. PC용과 스마트폰용은 프로그램, 앱을 설치한 후 사용하지만 웹용 위젯은 설치하지 않고 태그로 이루어진 소스를 삽입하여 사용합니다. 웹용 위젯은 웹용 위젯을.. 2015. 2. 7.
ID와 class를 제어하는 CSS의 # 과 . 에 대하여 ID는 class 둘 모두 스타일을 정의하는 부분입니다 DIV, IMG, TABLE 등 홈페이지에 사용되는 각종 요소들을 객체라고 합니다. 이 객체들에게 각자의 이름을 붙여주면 그 모양을 한꺼번에 조절할 수가 있어서 편리합니다. 심지어 DIV가 여러 개면 각각에게 또 다른 이름을 붙여서 다른 객체로 취급할 수도 있습니다. 홈페이지를 제작할 때 마법사가 되었다고 상상합니다. 이 것들은 두가지 과정을 거칩니다. 미리 style 정의 부분에서 선언하기 사이에 아래와 같이 적으면 됩니다. 또는 CSS파일에 아래의 내용을 입력해 놓아도 됩니다. #부분은 HTML문서에서 ID=title이라고 되어 있는 객체의 글자색을 붉은 색으로 적용합니다. .부분은 HTML문서에서 CLASS=contents라고 되어 있는 객체의.. 2015. 1. 28.
기초태그 - 이미지를 삽입하는 태그 활용하기 "img태그" [기초태그 - 이미지를 삽입하는 태그 활용하기 "img태그"] 태그로 이미지를 삽입하는 기본태그 요즘은 홈페이지를 만들 때 홈페이지 저작도구 프로그램을 사용하기 때문에 아이콘을 눌러서 이미지를 삽입합니다. 블로그에 글을 쓸 때도 마찬가지이고 게시판에 글을 쓸 때도 마찬가지입니다. 그래서 초보자들도 인터넷을 쉽게 활용할 수 있는 세상이 되었는데, 원래는 일일이 이미지태그로 이미지를 삽입하는 것이 기본방식입니다. 그러므로 아직도 홈페이지를 정밀하게 제작한다든지 블로그 글에 정밀하게 이미지를 삽입할 때는 태그를 이용해서 사진과 그림을 삽입하고 있습니다. 또한, 글쓰기 에디터를 지원하지 않는 게시판등에서는 태그(html)을 직접 입력하여 이미지를 삽입합니다. 기본 태그는 아래와 같습니다. 위의 태그를 기본으로 .. 2015. 1. 22.
DIV의 투명도 효과 조절 - opacity (브라우저 버전에 따른 CSS적용) [DIV의 투명도 효과 조절 - opacity (브라우저 버전에 따른 CSS적용)] 인터넷 사이트를 다니다 보면 글자가 반투명이라 글자 뒤의 사진이 글자에 비치는 효과를 낸 것을 볼 수가 있습니다. 이건 어떻게 하는 것일까요? 사진에 바로 포토샵으로 글자를 쓴 것이라면 레이어의 투명도를 조절해서 넣은 것이겠지만, 회원이 올린 사진에 자동으로 글자 반투명 효과가 적용되는 것은 어떻게 하는 것일까요? 아래 내용은 세가지 문제점에 대한 설명입니다. 첫째, DIV를 투명하게 또는 반투명하게 할 수 있는가? 둘째, DIV 내부의 DIV까지 투명 지정에 영향을 받는 것을 어떻게 해결할 것인가? 세째, 브라우저마다 지원을 하는 것도 안하는 것도 있는데 어떻게 해결할 것인가? DIV의 투명도 조절에 대한 기본 opac.. 2015. 1. 19.
네이버 트렌드 - 검색 동향을 파악하는 키워드 통계 서비스 [네이버 트렌드 - 검색 동향을 파악하는 키워드 통계 서비스] 네이버 트렌드는 무엇을 보여주나? 요즘 사람들은 어떤 것에 관심이 있었을까하는 의문이 들 때 도움이 되는 통계서비스입니다. 어떤 키워드로 광고를 하면 효과가 있을까하고 키워드를 분석하려는 인터넷 마케팅에도 도움이 되는 서비스입니다. 그때는 어떤 검색어가 인기가 있었을까하고 특정 시점의 검색어 이슈를 알고 싶을 때도 도움이 되는 통계서비스입니다. 네이버 트렌드는 현재 "네이버 데이터랩"으로 이름을 바꿔서 서비스 중입니다. 네이버 데이터랩https://datalab.naver.com/ 네이버 데이터랩의 주소 URL은 위와 같습니다. 네이버 트렌드는 2007년부터 서비스를 하기 시작하였습니다. PC를 통한 검색 트렌드를 살펴보도록 2007년 1월부.. 2015. 1. 18.
"null이거나 객체가 아닙니다" 에러 해결 방법 - javascript 사용의 경우 ["null이거나 객체가 아닙니다" 에러 해결 방법 - javascript 사용의 경우] 자바스크립트나 자바스크립트가 포함된 파일을 사용할 경우 이런 메세지가 나오는 경우가 있습니다. "null이거나 객체가 아닙니다", "document.body 는 null입니다" 또는 메세지가 나오지 않더라도 기능이 작동되지 않으면서 브라우저 왼쪽 하단에 오류가 있다는 안내가 뜹니다. null 에러의 원인 일반적으로는 HTML을 처음 배울 때 javascript 소스를 사이에 넣으라고 배웁니다. 그런데 이게 항상 맞는 말은 아니라는 것에 있습니다. 페이지가 시작될 때부터 적용되어야 할 효과도 있지만, 페이지가 완전히 로딩된 다음에야 적용할 수 있는 효과도 있기 때문입니다. 예를들어 문장을 복사하는 기능을 자바스크립트로.. 2015. 1. 17.
인클루드 사용 방법 - include와 require 구별해 쓰기 [인클루드 사용 방법 - include와 require 구별해 쓰기] 객체지향 프로그래밍은 C프로그래밍, PHP웹프로그래밍, ASP웹프로그래밍 등 여러 방면에서 널리 사용하는 기법입니다. 인클루드를 이용해서 제작을 하면 반복을 피할 수 있고 소스와 파일들을 조립할 수 있기 때문에 제작시간이 대폭 단축되며 유지보수가 매우 쉬워집니다. 대신, 제작할 때의 기획이 매우 정밀하고 계획적이야 하겠습니다. include, require의 사용에 대해 알아보도록 하겠습니다. 인클루드의 기본 개념 문장으로 설명해 보자면... "나는 학생이다", "나는 한국인이다"를 만들 경우 "나는"과 "이다."는 계속 반복되는데 계속 다시 입력하자면 귀찮기도 합니다. 그런데 이게 두 문장이 아니라 100개가 넘는 문장들이 있다고 합.. 2015. 1. 13.
표준화 - DTD 선언 : 종류와 사용 방법 / DTD와 쿼크모드 [표준화 - DTD 선언 : 종류와 사용 방법 / DTD와 쿼크모드] 웹브라우저는 익스플로러 외에도 크롬, 파이어복스, 싸파리 등등 매우 많습니다. 만드는 제작 업체마다 여러가지 기능을 넣다보니 각각의 표현방법이 달라집니다. 그러다 보니 같은 홈페이지라도 어떤 브라우저에서는 잘 보이고 어떤 브라우저에서는 깨져 보이는 현상이 발생합니다. 이를 극복하기 위한 표준화 방법이 DTD인 것입니다. DTD와 쿼크모드 DOCTYPE를 규정하는 말입니다. 어떤 방식의 언어로 제작되었는가를 알려주는 것입니다. 물론 DTD선언을 하지 않고 홈페이지를 만들어도 됩니다. 그런 것을 쿼크 모드(Quirks mode)라고 하는데, 선언을 하지 않고 홈페이지를 만들면 코드입력을 조금 실수하거나 꼭 필요한 요소를 다 입력하지 않아도.. 2015. 1. 12.

티스토리툴바