본문 바로가기

홈페이지10

플래시 지원 종료 - 문제, 대책, Adobe Flash Player(어도비 플래시 플레이어) 종료 이유 플래시 종료 [플래시 지원 종료 - 문제, 대책, Adobe Flash Player(어도비 플래시 플레이어) 종료 이유]​어도비가 플래시 지원 종료를 선언하면서 이제 플래시를 제거해야 할 시점이 되었습니다. 그러나 많은 기업의 홈페이지들이 이미 플래시로 제작되어 있어서 큰 문제가 되었습니다. 개인의 경우 플래시 게임을 아끼는 누리꾼에게는 아쉬운 상황이 아닐 수 없습니다. 그럼 이제부터 어도비 플래시 플레이어가 종료되면 어떤 문제가 생기는지, 그에 대책은 어떻게 해야 하는지에 대해 정보를 제공하려고 합니다. 이 블로그는 "심심할 때 잡지처럼 읽는 지식"이라는 목적으로 운영됩니다. 즐겨찾기(북마크) 해 놓으면 심심할 때 좋습니다. [엮인 글] 애드센스 빈 광고, 대체광고 - 사용 가능한 광고가 없는 경우 ​.. 2020. 10. 18.
그누보드 홈페이지 만들기 - 그누보드5 테마와 경로 [그누보드 홈페이지 만들기 - 그누보드5 테마와 경로] 홈페이지를 만드는 프로그램으로 대표적이 그누보드와 제로보드입니다. 현재 제로보드는 EX라는 이름으로 바뀌었는데, 그누보드도 그만큼 변신을 해서 예전과 많이 달라졌습니다. 그누보드도 테마 기능이 추가되었기 때문입니다. 그래서 그누보드로 홈페이지를 만들기를 하는 중에 그누보드5의 경로로 인한 어려움이 발생하므로, 거기에 대한 이해를 정리하려고 합니다. [엮인 글]그누보드4와 그누보드5의 경로 차이 그누보드 테마 경로가 복잡해진 이유 그누보드란, 홈페이지 만들기 저작도구입니다. 원래 게시판 프로그램으로 출발하였지만 회원관리 기능과 내용 관리 기능들이 추가되면서 현재의 그누보드가 되었습니다. 초보자도 스킨 기능으로 디자인을 꾸밀 수 있는 장점이 있는데, 거.. 2018. 11. 4.
구글 맞춤검색 검색엔진 - 자신의 검색창을 이용하는 방법 [구글 맞춤검색 검색엔진 - 자신의 검색창을 이용하는 방법]구글은 검색엔진 회사답게 자사의 검색엔진을 이용한 서비스를 하고 있습니다. 대표적인 것이 바로 구글 맞춤검색 검색엔진입니다.간단히 요약하자면, 구글의 검색 기능을 다른 사이트/홈페이지에서 빌려다 사용할 수 있다고 하겠습니다. 물론 인터넷에서 구글 맞춤검색 신청과 검색창 달기를 찾아보면 매우 많은 설명을 볼 수 있습니다. 하지만 대부분 검색창 달기만 설명하고 있으며, 마치 자신의 사이트인 것처럼 검색페이지에 자연스럽게 연결되는 방법에 대해서는 설명문을 찾기가 힘듭니다. 이런 부분은 구글 도움말에서도 역시 찾아보기 힘듭니다. 그래서 이 문서에서는 구글 맞춤검색 검색엔진을 자신의 사이트의 검색엔진인 것처럼 활용하는 방법에 대해서 설명합니다. (주 내용.. 2018. 10. 3.
저작권 CCL기호의 종류와 의미 - 블로그 이미지 등의 저작권 표시 [저작권 CCL기호의 종류와 의미 - 블로그 이미지 등의 저작권 표시]저작권은 우선적으로 보호되어야 하지만, 어떤 때는 남의 글을 퍼오거나 이미지를 무료로 사용해도 되는 경우가 있습니다. 이런 무료 사용권의 표준을 정하기 위한 것이 저작권 CCL이고, CCL기호의 종류나 의미를 알아두면 여러모로 좋습니다. 그래서 블로그 등에 무료 이미지나 글을 사용할 수 있는 오픈 라이선스 규약을 정리해 봅니다. 저작권 CCL기호의 기본 이해 먼저 이해해야 할 것은, 저작권 CCL기호가 저작권을 포기하는 표시가 아니라는 것입니다. 저작권 부담 없이 무료로 사용할 수 있는 것은 맞지만, 어떤 경우든 원래 저작자의 저작권은 살아 있습니다. 무슨 말이냐 하면, 저작권 CCL기호가 오픈 라이선스라서 마음대로 퍼왔다고 할지라도,.. 2017. 1. 30.
다음(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.
모바일 홈페이지로 자동이동되는 소스 - Location 이용방법 [모바일 홈페이지로 자동이동되는 소스 - Location 이용방법] 이 자동이동 코드소스는 홈페이지에 PC로 접근했는지, 홈페이지에 스마트폰 등 모바일 기기로 접근했는지를 판단하여 해당하는 페이지로 이동시켜 주는 소스입니다. (PC용 홈페이지 또는 모바일용 홈페이지로) PC와 모바일에 따른 홈페이지 운영 설명 일반적으로는 (또는 과거에는) 기본 도메인으로 www.kiss7.kr이란 도메인을 가지고 있다고 할 때, 방문자가 웹브라우저에 www.kiss7.kr을 입력했다면 PC용 홈페이지로 접속시키고 m.kiss7.kr을 입력했다면 모바일 홈페이지로 자동 접속시키곤 하였습니다. 즉, 도메인의 종류에 따라 이동시켰다는 얘깁니다. 그러나 하나의 도메인을 가지고 홈페이지를 운영하면서, 방문자가 어떤 것으로 (PC.. 2015. 1. 10.
댓글기능을 빌려 사용하자 (API서비스) - disqus.com [댓글기능을 빌려 사용하기 (API서비스) - disqus.com] 디스커스는 댓글 기능을 빌려쓰는 재밌는 댓글 시스템 API란 응용프로그램이나 웹서비스에서 특정 기능을 빌려다 사용할 수 있도록 제공하는 인터페이스 기능입니다. 포털에서 지도나 검색 등의 API를 공개한다는 신문기사를 본 적이 있을 것입니다. 흔히 트위터나 페이스북 같은 곳에 글을 보내거나, 로그인을 할 때도 사용합니다. 요즘은 API를 이용한 매쉬업 경진대회가 열릴 정도로 호응이 있습니다. 블로그나 홈페이지에 붙여서 사용해도 되는 재밌는 댓글 시스템 내 사이트에 없는 기능을 일일이 구현하지 않고 타 서비스에서 빌려다 사용할 수 있는 것이 API이며, 해당 서비스에서 발급하는 인증코드와 삽입방법을 가져다 쓰면 됩니다. 게시판을 운영하더라도.. 2015. 1. 6.
메뉴/팝업 등에 써먹기 좋은 "떠있는 고정 레이어"코드 만들기 [메뉴나 팝업 등에 써먹기 좋은 "떠있는 고정 레이어" 코드 만들기] 떠 있는 고정 레이어? 어떤 사이트에서는 마우스 휠을 굴려서 화면을 아래로 스크롤 하더라도 상단의 메뉴가 계속 같은 자리를 차지하고 있는 것을 볼 수가 있습니다. 또 어떤 사이트에서는 화면이 스크롤 되도 배너가 계속 같은 자리에 떠 있는 것을 볼 수가 있습니다. 이것은 레이어를 fixed로 띄워서 놓았기 때문입니다. 브라우저 상에서의 고정 좌표를 지정하여서 계속 그 좌표에 있게 하면 아무리 화면이 움직여도 자리가 변하지 않습니다. 계속 같은 자리에 떠 있으면서 고정되는 레이어이기 때문입니다. 화면 디자인용이나, 배너용, 메뉴용 등으로 자주 활용되는 떠 있는 고정 레이어의 소스코드에 대해 알아 보도록 하겠습니다. CSS에서의 모양을 정하.. 2015. 1. 5.
화면크기에 따라 달라지는 CSS의 @media [화면크기에 따라 달라지는 CSS의 @media] 반응형 홈페이지, 반응형 웹페이지 등의 용어가 대세입니다. 여러가지 설명할 것들은 많지만, @media에 대해 간단하게 알아 볼까 합니다. 왜 반응형인가? 과거에는 방문자들이 PC에서 홈페이지나 블로그를 찾아 왔지만, 스마트폰 열기가 시작된 이후로는 모바일을 통한 방문 비중에 매우 높아졌기 때문입니다. 문제는 PC의 모니터 크기와 모바일의 화면 크기(해상도)가 다른 것에 있습니다. 모바일 방문자가 늘어나면서 웹마스터들은 고민을 하기 시작했습니다. 홈페이지를 PC용과 모바일용으로 따로따로 만들어야 하는가? 물론 처음에는 각각 만들었었습니다. 하지만 같은 것을 두고 두번의 작업을 다시 해야 한다는 비효율 문제가 대두되었습니다. 더구나, 4인치 대 부터 5.5.. 2014. 12. 17.

티스토리툴바