목록전체보기 (139)
블로그.지오닷컴
대구에서 창녕으로 가는 일이 종종 있는데 늘 버스시간표를 몰라서 제 시간에 출발하지 못하곤 했습니다. 참고하셔서 즐거운 여행되세요. 여기는 대구 서부버스정류장 입니다. ^^ iPhone 에서 작성된 글입니다.
중앙에 정렬되는 홈페이지를 만들다보면 창 크기에 따라 절대위치로 박아놓은 레이어가 마구 움직이는 것을 경험하셨을 겁니다. 창의 크기에 상관없이 중앙에 정렬되는 홈페이지의 위치에 맞추어 레이어도 따라 움직이는 자바스크립트 소스를 소개해 드립니다. 페이지의 와 사이에 삽입할 레이어 소스 샘플 페이지의 안에 넣어야 할 소스 샘플 소스는 크게 3 부분 인데요, 레이어 소스 부분과 레이어 위치를 재정렬 하는 자바스크립트 소스, 그리고 페이지가 로드될 때, 창 크기가 바뀔 때, 스크롤 할 때 마다 레이어 위치를 재정렬하는 자바스크립트를 계속 실행하도록 테그 안에 넣는 부분 입니다. 만약, 레이어가 정렬되는 위치가 별로 마음에 들지 않는다면 centerWindow() 소스의 숫자 부분을 변형해 보시면 조금씩 답을 얻..
일전에 화면 사이즈에 따라 이동하는 경로를 다르게하는 소스를 소개해 드린 바 있습니다. 해당 소스의 문제점은 특정 화면 사이즈가 안 되는 화면일 경우에는 모바일 브라우저가 아니더라도 모바일 사이트로 이동되는 버그가 있었습니다. 대표적으로 넷북이 되겠지요. 하여, 접속하는 사용자의 브라우저 종류에 따라 접속 경로를 재지정하는 소스를 소개해 드립니다.
국산CMS 툴 중에 XE라는 프로그램이 있습니다. 레이아웃을 웹에서 바로 편집할 수 있는데 늘 특정 함수가 어떻게 뿌려지는지 확인하기 위해 print_r() 함수를 사용하곤 합니다. 혹시 XE 레이아웃 수정하실 때 변수 내용 확인하실 일이 생기면 아래 코드를 사용해보세요. 참, 아래 코드는 XE 메뉴에서 구성한 메뉴 배열 변수를 그대로 다 뿌려주는 명령어 입니다. {@print_r($main_menu)} 이만, 총총총!
최근 웹프로그램도 객체지향 형태로 코딩을 하니까 DB 설계도 객체 느낌을 살려서 코딩을 하는 것 같더라구요. 덕분에 유지보수를 하게 되면 종종 여러 테이블의 데이터를 동시에 불어와야 하는 경우가 있습니다. 간단한 MySQL 쿼리문으로 설명해 드리겠습니다. SELECT a.uid, a.bid, a.id, a.subject, b.savename FROM `m12board` a left outer join `m13file` b on a.uid = b.id WHERE a.`bid` = 6 ORDER BY a.`id` DESC LIMIT 0 , 10 위의 쿼리문은 MySQL에서 게시판 데이터가 있는 m12board 와 첨부한 파일 데이터가 있는 m13file 테이블에서 한번에 데이터를 불러오는 쿼리문 입니다. 쿼..
일반 웹사이트와 모바일 사이트를 동시에 개발하면 같은 도메인으로 접속해도 각각 PC버전과 모바일 버전으로 접속하도록 만들 필요가 있습니다. 저도 최근에 웹사이트를 개발하며 해당 코드를 간단하게 자바스크립트로 짜게 되어서 여기에 공유를 합니다. 위의 소스를 보면 화면 사이즈가 1030픽셀 이하면 /m 이라는 주소로, 그 이상이면 /home 이라는 주소로 이동하도록 코딩하였습니다. 제가 만든 PC버전 웹사이트의 폭이 1030픽셀이라서 화면 폭이 그 이상이면 굳이 모바일로 접속할 필요가 없다고 생각해서 기준을 이렇게 잡았습니다. 접속하는 웹브라우저의 종류를 판단해서 모바일로 사이트로 접속하도록 유도하는 것도 하나의 방법이겠지만 풀브라우징이 가능한 환경에서 굳이 모바일 사이트로 접속할 필요는 없다는게 제 생각입..
조용하던 가게가 갑자기 매스컴을 타고 분주해진다. 새로 오는 손님들이 많아 기다리는 시간이 길어지자 동네 단골손님들은 근처 다른 가게로 간다. 시간이 지날수록 조용하던 가게는 바쁜 일상에 견디지 못하고 스트레스 누적으로 서비스의 질이 나빠진다. 오래 일했던 직원도 힘들어서 그만두자 숙련된 직원의 부재로 서비스의 질은 더욱 나빠진다. 잠깐 매스컴 때문에 왔던 고객들은 낮아진 서비스의 질에 방문이 뜸해지고 기존 단골들도 손님이 줄어서 왔다가 예전보다 못한 서비스에 "유명해지더니 변했다"라며 실망하며 발길을 돌린다. 갑자기 대박이 났던 가게가 몇달 지나지 않아 분점을 내더니 같이 망했다더라, 원래가 더 좋았는데, 라는 말을 듣곤 한다. 정말 가게 사장님들이 변한걸까? 매출이 갑자기 늘어나는 일이 과연 기회이며..
작성한 문서를 어느 곳에서나 열람할 수 있도록 보내야 될 경우가 있죠? 그럴 때는 PDF 파일로 만들어서 보내면 웬만한 곳에서는 확인하고 출력도 가능합니다. 다만 PDF 파일은 어도비 아크로뱃이라는 상용 프로그램이 있어야 보다 쉽게 만들 수 있죠. 프리웨어인 doPDF를 사용하시면 아크로뱃 보다는 다양한 기능을 지원하진 않지만 필요한 만큼의 성능은 보여주리라 생각합니다. 저도 서식 그대로 자료를 보낼 때나 쿠폰을 인쇄해서 가지고 있을 때 자주 사용합니다. 아래 링크에서 내려 받아 사용해 보셔요! ^_^ 내려받기 http://www.dopdf.com/download.php
구글 애플리케이션(Google Application, 이하 구글 앱스)은 웹기반 협업도구 입니다. 협업도구라니까 감이 안 잡히시죠? 구글 앱스가 지원하는 기능을 보면 좀 더 이해가 되실 것 같습니다. 구글 앱스를 적용하면 이메일/메신저/업무 일정 등록 및 공유/회사 문서 생성 및 관리, 공유/고객 연락처 공유 등을 할 수 있습니다. 구글 앱스는 각 사용자마다 회사 도메인에 연결된 이메일 주소(me@company.com)를 부여합니다. 이 이메일로 각 사용자를 구분해서 일정이나 문서에 접근할 수 있는 권한을 부여하고 공유된 회사 고객 연락처에 접근할 수 있도록 합니다. 물론, 이메일을 주고 받거나 사용자끼리 채팅을 할 수 있습니다. 구글 앱스를 이용하기 위해서는 구글 앱스를 적용할 도메인과 해당 도메인 정..
구글은 지금까지 검색 하나로 혁신적인 기업이라는 이미지를 가지고 왔었습니다. 하지만 지금까지 구글에서 새로운 서비스를 개발해서 런칭했다는 소식을 들은 기억은 없습니다. 대부분 기존 서비스를 빠르고 직관적으로 제공해 왔습니다. 그런 의미에서 구글이 프리뷰 버전으로 제공하고 있는 구글 웨이브는 역사상 구글이 생각해서내어놓는 최초의 서비스라고 볼 수 있습니다. 구글 웨이브는 그 동안 온라인 커뮤니케이션을 담당해오던 메일과 메신저, 웹하드의 기능을 모두 하나로 통합하였다고 말합니다. 구글이 말하는 구글 웨이브는 뭘까요? 아래 영상으로 한번 확인해 보세요! 참, 구글 웨이브는 아직 프리뷰 버전으로 메일을 통해 초대장을 받아야만 접속하실 수 있습니다. 제게도 초대장이 20장 정도 생겼습니다. 아래 댓글로 메일 주소..