목록IT와 생활/홈피와 블로그 (63)
키스세븐
[다음(Daum)의 위젯뱅크 서비스 종료와 추천 위젯서비스 달통 ] 다음이 지금까지 제공해왔던 위젯서비스인 위젯뱅크를 종료함에 따라, 또 다른 위젯서비스인 달통 소개를 함께 묶어 포스팅합니다. 위젯이 뭐야? 위젯은 소형 장치나 부품을 뜻하는 단어입니다. 흔히 사용하는 스마트폰에도 위젯이 있습니다. 예를 들어 스마트폰 바탕화면에 날씨 위젯을 설치해 놓으면 자동으로 날씨를 불러와서 실시간으로 보여줍니다. 이처럼 위젯은 정식 프로그램은 아니지만 작은 프로그램으로 설치되어 동작하는 것을 총칭하는 말입니다. 위젯은 PC용과 스마트폰용, 웹용으로 크게 나뉩니다. PC용과 스마트폰용은 프로그램, 앱을 설치한 후 사용하지만 웹용 위젯은 설치하지 않고 태그로 이루어진 소스를 삽입하여 사용합니다. 웹용 위젯은 웹용 위젯을..
ID는 class 둘 모두 스타일을 정의하는 부분입니다 DIV, IMG, TABLE 등 홈페이지에 사용되는 각종 요소들을 객체라고 합니다. 이 객체들에게 각자의 이름을 붙여주면 그 모양을 한꺼번에 조절할 수가 있어서 편리합니다. 심지어 DIV가 여러 개면 각각에게 또 다른 이름을 붙여서 다른 객체로 취급할 수도 있습니다. 홈페이지를 제작할 때 마법사가 되었다고 상상합니다. 이 것들은 두가지 과정을 거칩니다. 미리 style 정의 부분에서 선언하기 사이에 아래와 같이 적으면 됩니다. 또는 CSS파일에 아래의 내용을 입력해 놓아도 됩니다. #부분은 HTML문서에서 ID=title이라고 되어 있는 객체의 글자색을 붉은 색으로 적용합니다. .부분은 HTML문서에서 CLASS=contents라고 되어 있는 객체의..
[기초태그 - 이미지를 삽입하는 태그 활용하기 "img태그"] 태그로 이미지를 삽입하는 기본태그 요즘은 홈페이지를 만들 때 홈페이지 저작도구 프로그램을 사용하기 때문에 아이콘을 눌러서 이미지를 삽입합니다. 블로그에 글을 쓸 때도 마찬가지이고 게시판에 글을 쓸 때도 마찬가지입니다. 그래서 초보자들도 인터넷을 쉽게 활용할 수 있는 세상이 되었는데, 원래는 일일이 이미지태그로 이미지를 삽입하는 것이 기본방식입니다. 그러므로 아직도 홈페이지를 정밀하게 제작한다든지 블로그 글에 정밀하게 이미지를 삽입할 때는 태그를 이용해서 사진과 그림을 삽입하고 있습니다. 또한, 글쓰기 에디터를 지원하지 않는 게시판등에서는 태그(html)을 직접 입력하여 이미지를 삽입합니다. 기본 태그는 아래와 같습니다. 위의 태그를 기본으로 ..
[DIV의 투명도 효과 조절 - opacity (브라우저 버전에 따른 CSS적용)] 인터넷 사이트를 다니다 보면 글자가 반투명이라 글자 뒤의 사진이 글자에 비치는 효과를 낸 것을 볼 수가 있습니다. 이건 어떻게 하는 것일까요? 사진에 바로 포토샵으로 글자를 쓴 것이라면 레이어의 투명도를 조절해서 넣은 것이겠지만, 회원이 올린 사진에 자동으로 글자 반투명 효과가 적용되는 것은 어떻게 하는 것일까요? 아래 내용은 세가지 문제점에 대한 설명입니다. 첫째, DIV를 투명하게 또는 반투명하게 할 수 있는가? 둘째, DIV 내부의 DIV까지 투명 지정에 영향을 받는 것을 어떻게 해결할 것인가? 세째, 브라우저마다 지원을 하는 것도 안하는 것도 있는데 어떻게 해결할 것인가? DIV의 투명도 조절에 대한 기본 opac..
[네이버 트렌드 - 검색 동향을 파악하는 키워드 통계 서비스] 네이버 트렌드는 무엇을 보여주나? 요즘 사람들은 어떤 것에 관심이 있었을까하는 의문이 들 때 도움이 되는 통계서비스입니다. 어떤 키워드로 광고를 하면 효과가 있을까하고 키워드를 분석하려는 인터넷 마케팅에도 도움이 되는 서비스입니다. 그때는 어떤 검색어가 인기가 있었을까하고 특정 시점의 검색어 이슈를 알고 싶을 때도 도움이 되는 통계서비스입니다. 네이버 트렌드는 현재 "네이버 데이터랩"으로 이름을 바꿔서 서비스 중입니다. 네이버 데이터랩https://datalab.naver.com/ 네이버 데이터랩의 주소 URL은 위와 같습니다. 네이버 트렌드는 2007년부터 서비스를 하기 시작하였습니다. PC를 통한 검색 트렌드를 살펴보도록 2007년 1월부..
["null이거나 객체가 아닙니다" 에러 해결 방법 - javascript 사용의 경우] 자바스크립트나 자바스크립트가 포함된 파일을 사용할 경우 이런 메세지가 나오는 경우가 있습니다. "null이거나 객체가 아닙니다", "document.body 는 null입니다" 또는 메세지가 나오지 않더라도 기능이 작동되지 않으면서 브라우저 왼쪽 하단에 오류가 있다는 안내가 뜹니다. null 에러의 원인 일반적으로는 HTML을 처음 배울 때 javascript 소스를 사이에 넣으라고 배웁니다. 그런데 이게 항상 맞는 말은 아니라는 것에 있습니다. 페이지가 시작될 때부터 적용되어야 할 효과도 있지만, 페이지가 완전히 로딩된 다음에야 적용할 수 있는 효과도 있기 때문입니다. 예를들어 문장을 복사하는 기능을 자바스크립트로..
[인클루드 사용 방법 - include와 require 구별해 쓰기] 객체지향 프로그래밍은 C프로그래밍, PHP웹프로그래밍, ASP웹프로그래밍 등 여러 방면에서 널리 사용하는 기법입니다. 인클루드를 이용해서 제작을 하면 반복을 피할 수 있고 소스와 파일들을 조립할 수 있기 때문에 제작시간이 대폭 단축되며 유지보수가 매우 쉬워집니다. 대신, 제작할 때의 기획이 매우 정밀하고 계획적이야 하겠습니다. include, require의 사용에 대해 알아보도록 하겠습니다. 인클루드의 기본 개념 문장으로 설명해 보자면... "나는 학생이다", "나는 한국인이다"를 만들 경우 "나는"과 "이다."는 계속 반복되는데 계속 다시 입력하자면 귀찮기도 합니다. 그런데 이게 두 문장이 아니라 100개가 넘는 문장들이 있다고 합..
[표준화 - DTD 선언 : 종류와 사용 방법 / DTD와 쿼크모드] 웹브라우저는 익스플로러 외에도 크롬, 파이어복스, 싸파리 등등 매우 많습니다. 만드는 제작 업체마다 여러가지 기능을 넣다보니 각각의 표현방법이 달라집니다. 그러다 보니 같은 홈페이지라도 어떤 브라우저에서는 잘 보이고 어떤 브라우저에서는 깨져 보이는 현상이 발생합니다. 이를 극복하기 위한 표준화 방법이 DTD인 것입니다. DTD와 쿼크모드 DOCTYPE를 규정하는 말입니다. 어떤 방식의 언어로 제작되었는가를 알려주는 것입니다. 물론 DTD선언을 하지 않고 홈페이지를 만들어도 됩니다. 그런 것을 쿼크 모드(Quirks mode)라고 하는데, 선언을 하지 않고 홈페이지를 만들면 코드입력을 조금 실수하거나 꼭 필요한 요소를 다 입력하지 않아도..
[out of memory at line에러 - jquery일 경우의 해결방안] 이 방법은 jquery를 이용하여 사이트를 제작하는 경우에 해당하는 에러 해결방안입니다. 슬라이딩 메뉴나 갤러리 등의 제작을 하기 위해 jquery를 사용하는 경우가 많습니다.그런데 이 jquery는 jquery-1.x.x.min.js같은 스크립트파일을 호출해서 사용합니다. 문제의 원인 문제는 이 파일들이 호환이 안 되서!예를들면 1.5.5와 1.5.4도 1.5.6도 서로 호환이 안 돼고 오로지 jquery-1.5.5.min.js파일을 호출해야만 한다는 것입니다. 해결의 난점 그러나 이 에러는 문제가 생겨도 jquery 때문이라고 정확히 메세지를 주지 않고 엉뚱하게 "out of memory at line"같은 메모리 에러를..
[모바일 홈페이지로 자동이동되는 소스 - Location 이용방법] 이 자동이동 코드소스는 홈페이지에 PC로 접근했는지, 홈페이지에 스마트폰 등 모바일 기기로 접근했는지를 판단하여 해당하는 페이지로 이동시켜 주는 소스입니다. (PC용 홈페이지 또는 모바일용 홈페이지로) PC와 모바일에 따른 홈페이지 운영 설명 일반적으로는 (또는 과거에는) 기본 도메인으로 www.kiss7.kr이란 도메인을 가지고 있다고 할 때, 방문자가 웹브라우저에 www.kiss7.kr을 입력했다면 PC용 홈페이지로 접속시키고 m.kiss7.kr을 입력했다면 모바일 홈페이지로 자동 접속시키곤 하였습니다. 즉, 도메인의 종류에 따라 이동시켰다는 얘깁니다. 그러나 하나의 도메인을 가지고 홈페이지를 운영하면서, 방문자가 어떤 것으로 (PC..
[검색엔진 최적화로 방문율 높이기 - 검색엔진 로봇 최적화 robots.txt] robots.txt 검색엔진 최적화에 대한 설명 robots.txt 최적화는 검색로봇이 잘 찾아와서 검색해 갈 수 있도록 내 사이트에 안내페이지를 작성하는 방법입니다. 간혹 보안 때문이라며 robots.txt의 내용을 접근금지로 해 놓는 대형 사이트도 많은데 무식한 방법이라 하겠습니다. 사이트를 방문하는 사용자를 불편하게 만드는 행위이기 때문입니다. 그런 사이트의 관리자는 보안과 컨텐츠 복사 보호를 핑계로 삼지만, 정말 보안과 컨텐츠 복사를 보호하고 싶다면 사이트 해킹차단과 저작권 표시로 보호를 하는 것이 정상입니다. robots.txt를 이용해서 검색엔진이 접근하지 못하게 하는 것은 사이트를 폐쇄적으로 만들어서 정보가 필요..
[애드센스 수익, 이제는 수익광고 섹션타게팅을 해서 수익을!] 광고연결 대상설정 - 애드센스 섹션타겟팅 구글 애드센스를 신청하고 운영하는 경우에 본문 글에 알맞은 애드센스 광고를 받을 수 있게 신청하는 태그입니다. 간단히 말하기 위해 알맞은 광고를 신청하게 한다고 했고, 정확히는 애드센스 광고와 맞는 단어가 나올 부분을 지정해 주는 기능입니다. 많은 블로거들이 수익을 얻기 위해 애드센스를 설치하고 수익활동을 합니다. 운영하는 사이트/블로그에 축구에 대한 글을 썼다고 합시다. 그리고 많은 사람들이 검색하다가 그 축구관련 글을 보고 방문했다고 합시다. 그런데 애드센스 광고에는 머리핀광고가 뜬다면? 수익을 얻기 위해 애드센스를 다는 것인데, 축구 좋아하는 남자들한테 머리핀 광고가 뜬다고 해봐야 얼마나 수익을 ..
[댓글기능을 빌려 사용하기 (API서비스) - disqus.com] 디스커스는 댓글 기능을 빌려쓰는 재밌는 댓글 시스템 API란 응용프로그램이나 웹서비스에서 특정 기능을 빌려다 사용할 수 있도록 제공하는 인터페이스 기능입니다. 포털에서 지도나 검색 등의 API를 공개한다는 신문기사를 본 적이 있을 것입니다. 흔히 트위터나 페이스북 같은 곳에 글을 보내거나, 로그인을 할 때도 사용합니다. 요즘은 API를 이용한 매쉬업 경진대회가 열릴 정도로 호응이 있습니다. 블로그나 홈페이지에 붙여서 사용해도 되는 재밌는 댓글 시스템 내 사이트에 없는 기능을 일일이 구현하지 않고 타 서비스에서 빌려다 사용할 수 있는 것이 API이며, 해당 서비스에서 발급하는 인증코드와 삽입방법을 가져다 쓰면 됩니다. 게시판을 운영하더라도..
[메뉴나 팝업 등에 써먹기 좋은 "떠있는 고정 레이어" 코드 만들기] 떠 있는 고정 레이어? 어떤 사이트에서는 마우스 휠을 굴려서 화면을 아래로 스크롤 하더라도 상단의 메뉴가 계속 같은 자리를 차지하고 있는 것을 볼 수가 있습니다. 또 어떤 사이트에서는 화면이 스크롤 되도 배너가 계속 같은 자리에 떠 있는 것을 볼 수가 있습니다. 이것은 레이어를 fixed로 띄워서 놓았기 때문입니다. 브라우저 상에서의 고정 좌표를 지정하여서 계속 그 좌표에 있게 하면 아무리 화면이 움직여도 자리가 변하지 않습니다. 계속 같은 자리에 떠 있으면서 고정되는 레이어이기 때문입니다. 화면 디자인용이나, 배너용, 메뉴용 등으로 자주 활용되는 떠 있는 고정 레이어의 소스코드에 대해 알아 보도록 하겠습니다. CSS에서의 모양을 정하..
[그누보드 검색 결과페이지에 태그가 나오지 않도록 하기 - search.php] 검색 결과에서 태그 제외하는 방법 그누보드5에서는 많이 개선이 되었으나, 그누보드4를 쓰거나 그누보드4용 스킨을 그누보드5에서 덮어서 사용하면 통합검색 등을 했을 때 검색결과에 등의 태그나 기타 외계어 등의 같이 나올 때가 있습니다. 이럴 때 , 등이 글자에 섞여 나오는 것을 제외하는 방법입니다. DHTML을 이용한 게시판 글쓰기로 입력을 하게 되면 눈에는 안 보이지만 태그들이 자동 생성되어 글과 함께 저장됩니다.물론 저장한 글을 게시판에서 볼 때는 아무 문제가 생기지 않습니다. 하지만 문제는 통합검색을 통하여 검색했을 때 이런 태그들이 글과 함께 출력되는 것입니다. 이를 해결하기 위하여 search.php파일을 열어 수정하..
[카피라이트와 연도가 자동 변동되게 하기 - date( ) 함수] 카피라이트와 연도는 일종의 저작권 표시이다 대부분의 홈페이지 하단에는 카피라이트가 명시되어 있습니다. 예를 들자면 아래와 같은 형식이 홈페이지 제일 밑에 쓰여 있는 걸 종종 보게 됩니다. Copyright ⓒ 2000~2015 www.DOMAIN.com. All rights reserved. 카피라이트 문구는 사이트의 저작권 표시이기도 하고 홈페이지의 연혁을 말하기도 합니다. 사이트의 컨텐츠에 대한 보호의 의미이기도 하지만 홈페이지 운영의 시작을 표현하므로써 새로운 트렌드나 오래된 공식력을 전달하려는 의미도 있습니다. 그런데 카피라이트 문구에는 연도가 표시되다 보니, 다음 해가 되면 일일이 변경하기 귀찮아 집니다. 카피라이트 문구의 시작 ..
[입력된 도메인에 따라 다른 페이지 출력하기] - stristr($_SERVER[HTTP_HOST] 하나의 서버나 웹호스팅을 이용하는데 두개의 도메인을 이용하여 사이트를 운영해야 하는 경우가 있습니다. 이때 두개의 도메인을 하나의 웹호스팅에 연결해서 사용하는 방법입니다.하나의 웹호스팅에 각 도메인마다의 페이지를 만들어 놓고, 도메인을 판별해 해당 페이지를 자동으로 오픈시킵니다.즉, A.html과 B.html을 만들어 놓고 A.com으로 들어오면 A.html로, B.com으로 들어오면 B.html로 연결해 주는 소스입니다. 소스코드 인덱스 파일(index.html이나 index.php 등)에 아래의 소스를 삽입합니다. 소스코드 설명 stristr($_SERVER[HTTP_HOST]는 특정 문자를 검사하는 ..
[무료이미지 pixabay(픽사베이) - 고퀄리티의 저작권 걱정없는 무료이미지 제공 사이트] pixabay(픽사베이) 링크 29만장이 넘는 무료이미지와 벡터, 일러스트 제공 pixabay(픽사베이)는 상업적이거나 개인적 용도로 무료이미지를 저작권 걱정없이 사용할 수 있게 오픈한 공개 사이트입니다. 이 사이트에서는 무료 사진이미지 뿐만 아니라 그림인 벡터이미지 파일과 일러스트이미지 파일도 다운 받을 수 있어서 유용합니다. 개인적으로 블로그를 운영하는데도 이미지의 저작권 문제 때문에 고심스러운 경우가 있겠지만 상업적으로 운영을 할 때에는 유료이미지를 구입하더라도 부담이 되는 경우가 있습니다. 이럴 때에 저작권 걱정이 없는 pixabay(픽사베이)를 이용하면, 무료이미지임에도 고퀄리티의 이미지를 얻을 수가 있..
[무료이미지 morguefile(모그파일) - 저작권 걱정 없는 깔끔한 이미지 제공 사이트] morguefile(모그파일) 링크 저작권에서 자유로운 무료 이미지 모그파일 morguefile(모그파일)는 저작권을 걱정할 필요가 없는 무료 이미지를 제공하는 사이트입니다. 블로그나 홈페이지 제작 시에 이미지의 저작권 때문에 글쓰기에 부담이 될 때는 이용해 볼만한 서비스입니다. morguefile(모그파일)에서 무료로 저작권 FREE 이미지를 제공하고 있는 것은 아래 링크에서 확인할 수 있습니다. http://www.morguefile.com/about morguefile(모그파일)의 무료이미지들은 이용만 저작권에서 자유로운 것이 아니라 편집/변경에서도 저작권의 영향을 받지 않습니다. 일반적으로는 무료이미지를 ..
[필수입력박스의 삼각형 표시 없애기 - wrest.gif] 필수입력 부분의 이미지를 바꾸는 방법 아이디, 비밀번호 등의 입력상자에 나타나는 삼각형 표시를 없애려고 합니다.그누보드를 설치해서 사용하다 보면 자주 보는 것입니다.반드시 입력이 되야 하는 텍스트입력 박스에는 필수입력의 의미로 삼각형 모양이 오른쪽 위에 붙습니다. 그러나 필요에 따라 필수입력임에도 이러한 표시를 하지 않아야 할 때가 있습니다.그럴 때 아래의 파일을 찾아 처리하면 됩니다. 설치된 그누보드의 하위 디렉토리를 보면 Js라는 폴더가 있습니다.그 안에 wrest.gif라는 파일이 있는데 이 파일을 수정하면 됩니다. 다른 색을 원할 경우 포토샵 등의 이미지 프로그램에서 색상 변경을 해도 됩니다.아무 표시가 없길 바랄 때는 가로 6픽셀, 세로..
[화면크기에 따라 달라지는 CSS의 @media] 반응형 홈페이지, 반응형 웹페이지 등의 용어가 대세입니다. 여러가지 설명할 것들은 많지만, @media에 대해 간단하게 알아 볼까 합니다. 왜 반응형인가? 과거에는 방문자들이 PC에서 홈페이지나 블로그를 찾아 왔지만, 스마트폰 열기가 시작된 이후로는 모바일을 통한 방문 비중에 매우 높아졌기 때문입니다. 문제는 PC의 모니터 크기와 모바일의 화면 크기(해상도)가 다른 것에 있습니다. 모바일 방문자가 늘어나면서 웹마스터들은 고민을 하기 시작했습니다. 홈페이지를 PC용과 모바일용으로 따로따로 만들어야 하는가? 물론 처음에는 각각 만들었었습니다. 하지만 같은 것을 두고 두번의 작업을 다시 해야 한다는 비효율 문제가 대두되었습니다. 더구나, 4인치 대 부터 5.5..
[화려한 HTML5 효과의 소스를 얻자 - tympanus.net] tympanus.net HTML5가 대세입니다.HTML5의 효과들을 참고하고, 코드소스를 얻어가 보세요. 이 사이트에서 원하는 효과의 이미지를 클릭하면 데모를 볼 수도 있고 Markup, CSS, Javascript 별로 공개된 소스를 복사해 갈 수도 있습니다.따로 소스다운을 지원해 주기도 합니다. 영문으로 되어 있지만 코딩에 대한 지식이 있는 사람이라면 어려움 없이 활용을 할 수 있을 것입니다. ★ 이 정보가 도움이 된다면 아래의 공감을 부탁드립니다! ^^ (로그인 필요없음)
["글쓰기에는 $wr_id 값을 사용하지 않습니다" 임시대처 방법] 그누보드, 특히 그누보드4를 사용하여 홈페이지 제작시에 특히 스킨을 적용한 다음에 글쓰기를 할때 아래와 같은 경고가 나오는 경우가 있습니다."글쓰기에는 $wr_id 값을 사용하지 않습니다."정확히는 자바스크립트에 변수가 도달되지 않아서 발생하는 것으로 여러 원인이 있습니다. 여기서는 그 중에서 운영자 금지어로 인한 에러를 해결하는 방법을 적습니다.※ 주의 : 그러나 이 방법은 해킹시도를 막아 놓는 코드를 건드리는 것이므로 주의를 요하니 잘 생각해서 결정하길 바랍니다. 문제의 코드 부분 스킨 파일 중 write.skin.php을 열어서 아래 내용으로 수정해 보길 바랍니다.아래 쪽의 코드 중에서 아래의 부분을 찾습니다. function fw..
[광고 로딩 때문에 컨텐츠가 안 보인다] 블로그를 운영하면서 약간의 수익이 되도록 하기 위해 광고 넣으시는 분 많이 계시죠? 그런데 이런 상황이 일어나는지 알고들 있을까..해서 이 글을 써 봅니다. 아래 캡쳐는 블로그를 방문했을 때 나타나는 화면입니다. 모바일에서 접속한 상태입니다. 광고가 화면을 모두 차지한 상태에서 아주 느린 로딩을 하고 있습니다. 그런데 이것은 양반입니다. 이게 뜨기 전에 짧으면 1초, 길면 3~4초간 화면에 검은 블라인드가 생긴 상태로 광고 로딩을 합니다. 이렇게 화면이 생기고도 바로 광고가 나타나는 것이 아니라 1~2초간 또 로딩을 합니다. 결국은 짜증나서 그 블로그를 나와버렸습니다. 이런 블로그가 한두곳이 아닙니다. 이 광고가 어디의 광고인지 확인해 보지는 않았습니다. 요즘 애..
일반적으로 검색로봇의 접근을 제어설정하기 위해서는 robots.txt를 만들어서 사용합니다. 키스세븐에서는 이 robots.txt파일을 만드는 방법도 따로 포스팅할 생각이지만, 자기 홈페이지 웹호스팅을 받는 것이 아니면 robots.txt파일을 업로드 해 놓을 수 없기 때문에 그에 대한 방법도 소개합니다. 이 방법은 메타태그를 이용하는 방법으로서, 계정에 가입하여 사용하는 블로그 등을 이용하여 운영하는 운영자에게 쓸모 있습니다. 물론 웹호스팅을 사용하는 운영자도 사용이 가능합니다. 1. 검색엔진 로봇은 좋은가? 나쁜가? 검색엔진 로봇이 많이 온다는 것은 일단 좋은 것입니다. 사이트 내의 글들을 인식해 가서 색인을 만들어 놓는다면 검색으로 방문자가 찾아 올 있게 됩니다. 운영자가 일일이 찾아 다니며 홍보를..
뒤로가기, 앞으로가기, 새로고침, 소스보기를 할 수 있는 스크립트 소스들 입니다. 정적 홈페이지를 만들 때 자주 사용하게 되는 소스들입니다. form태그를 이용한 스크립트를 삽입하여 작동을 시킵니다. 버튼을 누르는 방식입니다. 물론 버튼 디자인은 CSS를 이용하여 바꿀 수 있습니다. 1. 새로고침 버튼 onClick="history.go(0)" 부분이 핵심입니다. 2. 뒤로가기 버튼 onClick="history.go(-1)" 부분이 핵심입니다. 3. 앞으로가기 버튼 onClick="history.go(1)" 부분이 핵심입니다. 4. 소스보기 버튼 onClick='window.location="view-source:"+window.location.href' 부분이 핵심입니다. wondow라는 명령을 ..
웹2.0시대를 시작할 때 즈음....지나치게 표로 레이아웃을 잡는 것 때문에 깨짐, 속도저하 등을 이유로 표를 쓰지 말라는 충고들이 넘쳐 났습니다. 그래서 Div구조로 홈페이지들이 변모를 하게 되는데... 하지만 무조건 표 table 구조는 나쁜 것이고 Div만 정석은 아닙니다. 필요에 따라 적재적소에 이용하는 것이 가장 좋은 것이며, 다만 웹표준을 지킬 줄 아는 코딩만이 정석인 것입니다. 1. 테이블의 큰 구조 웹에서 표를 만들기 위해서는 아래와 같은 기본구조를 가집니다.표에 대한 설명셀의 이름내용이렇게 처음과 끝을 와 로 정해주면 됩니다. 2. 테이블의 내부 이 구조는 3가지 요소를 가지는데 설명하자면 이렇습니다. 은 표에 대한 설명일 뿐이므로 화면에 표시되지는 않습니다. 그러나 여러가지 이유..
일반적으로는 PC로 접속하면 PC버전 홈페이지를, 모바일로 접속하면 모바일버전 홈페이지를 볼 수 있도록 자동으로 세팅이 되어 있는 것이 그누보드입니다. 그러나 필요에 따라 모바일버전이 필요없거나 PC버전이 필요없을 수도 있습니다. 그 중에서 모바일버전이 필요 없어서 무조건 PC버전 홈페이지로 접속되도록 하는 방법을 확인해 봅니다. ※ 이 설명은 그누보드를 기준으로 작성되었습니다. 1. 환경설정 바꾸기 그누보드의 루트폴더에는 config.php가 있습니다.에디터로 불러와서 Ctrl+F로 "모바일 홈페이지"를 찾습니다. G5_USE_MOBILE부분의 true를 false로 바꿔 줍니다. 즉 모바일 환경을 중단하는 것입니다. define('G5_USE_MOBILE', false); 2. 자동 로드파일 중단하기..