목록노하우 (68)
블로그.지오닷컴
도메인은 정해진 기간 동안 사용할 수 있도록 대여하는 방식으로 서비스 됩니다. 한 때는 도메인 자체가 굉장한 브랜드 가치는 가졌지만 최근에는 그 중요성이 조금은 덜 부각되고 있습니다. 이는 .com .net .org .co.kr 외에도 .kr .tv .in .us .info .tel 등 다양한 도메인들이 생기면서 특정 도메인에 대한 중요도가 상대적으로 감소하였기 때문입니다. 아무튼 최근 제가 알고 있는 도메인의 사용기간이 다 되어가서 연장을 해야된다고 소유자 분들에게 알려드렸더니 의외로 도메인 사용기간을 연장하는 것을 어렵게 생각하는 분들이 많은 것 같습니다. 마침 제가 보유한 도메인도 연장할 일이 있어서 도메인 사용기간을 연장하는 모습을 시연해보았습니다. 저는 도메인클럽이라는 회사에서 도메인을 등록하고..
한국형 CMS툴인 XE 게시판은 HTML 편집기 기능을 내장하고 있어서 유튜브의 동영상을 정확하게 게시물 본문에 삽입할 수 있습니다. 아래 시연은 크게 다음과 같은 순서로 진행했습니다. 동영상을 올릴 게시판에 접속. 게시물 [쓰기] 버튼을 클릭. 동영상 소스가 있는 유튜브에 접속. 동영상 올린 날짜를 기준으로 올릴 동영상 검색. 올린 동영상 제목을 클릭. 동영상 하단의 [소스 코드] 클릭. 원하는 동영상 플레이어 크기 선택 후 소스 복사. 게시물 쓰기 화면에서 본문에 삽입할 공간 생성. 게시물 쓰기 화면 우측의 [HTML 편집기] 클릭. 원하는 곳에 유튜브에서 복사한 동영상 삽입 소스 붙여넣기. 게시물 작성 완료. 결과 확인. XE 게시판에 유튜브 동영상 삽입 시연 다음에 다시 찾아오겠습니다. ^_^
동영상을 변환할 때는 인코더 프로그램을 사용합니다. 웹 상에 올릴 때는 주로 WMV나 FLV를 사용하지만 FLV는 전용 플레이어가 있어야 해서 주로 WMV로 올리고 게시판에 삽입하곤 합니다. 동영상을 인코딩할 때는 다음 팟 인코더를 사용합니다. 아래 영상은 위에서 소개한 다음 팟 인코더를 사용해 MOV 파일을 WMV 파일로 변환하는 것을 시연한 것 입니다. (전체화면 클릭해서 보시면 더 잘 보입니다) 다음에 또 뵙겠습니다.
그누보드로 만든 홈페이지의 특정 게시판에 올려진 파일을 내려 받는 방법을 안내해 드리겠습니다. 여러개의 파일을 내려 받는 가장 좋은 방법은 FTP를 이용하는 것이지요. 아래 영상은 그누보드의 album 게시판에 첨부파일로 올려진 사진 파일을 FTP로 내려받는 것을 시연한 영상 입니다. 사용한 FTP 프로그램은 UTF-8을 지원하는 FTP 프로그램인 FileZilla를 사용하였습니다. 혹시 utf-8을 지원하지 않아 다국어를 표현하지 못하는 알FTP를 사용하신다면 이 프로그램을 이용하시기 바랍니다. 파일질라(FileZilla) 내려받기 : http://filezilla-project.org/download.php?type=client FTP를 이용해 그누보드에 첨부한 사진 파일을 내려받는 시연 영상 다음에..
XE는 레이아웃 html이나 외부 페이지를 화면에 보여주기 전에 위젯, 애드온 등 특정 코드는 해석한 뒤 화면에 뿌려줍니다. 아래 XE 위젯 코드는 로그인 정보를 뿌려주는 짧은 코드로 아래 코드만 레이아웃 html이나 외부 페이지에 넣어주면 해석된 정보를 화면에 뿌릴 수 있습니다. XE의 로그인 정보 보여주는 레이아웃 코드 저는 특정 위젯을 개발하거나 테스트하는 용도로 주로 사용합니다. 이만, 코딩하러 고고싱!
중앙에 정렬되는 홈페이지를 만들다보면 창 크기에 따라 절대위치로 박아놓은 레이어가 마구 움직이는 것을 경험하셨을 겁니다. 창의 크기에 상관없이 중앙에 정렬되는 홈페이지의 위치에 맞추어 레이어도 따라 움직이는 자바스크립트 소스를 소개해 드립니다. 페이지의 와 사이에 삽입할 레이어 소스 샘플 페이지의 안에 넣어야 할 소스 샘플 소스는 크게 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픽셀이라서 화면 폭이 그 이상이면 굳이 모바일로 접속할 필요가 없다고 생각해서 기준을 이렇게 잡았습니다. 접속하는 웹브라우저의 종류를 판단해서 모바일로 사이트로 접속하도록 유도하는 것도 하나의 방법이겠지만 풀브라우징이 가능한 환경에서 굳이 모바일 사이트로 접속할 필요는 없다는게 제 생각입..