상단 페이지 로딩 이미지 삭제 방법


파일:  zb5 / layout / 자신의 레이아웃 / tpl / layout.tpl

1번째 줄의

<div id="loading"></div> 를 찾아주세요.

<!--<div id="loading"></div>--> 로 주석처리 해주세요.


파일:  zb5 / layout / 자신의 레이아웃 / theme / 자신의 테마 / layout.css

12번째 줄의

#loading { background:url(./images/common/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; } 를 찾아주세요

/*
#loading { background:url(./images/common/loading.gif) no-repeat; width:125px; height:39px; position:absolute; left:10px; top:10px; }
*/
이렇게 주석으로 처리해주세요. (어느 한 파일에만 해주어도 적용은 됩니다만, 쓸데없는 코드를 로딩시킬 필요는 없겠지요? 깔끔하게 둘 다 해주세요.)


### 2006년 9월 20일  수정한 추가 사항 ###

위와 같이 두 개의 파일에서만 해당 소스를 주석처리를 하거나 삭제했을 시, 스크립트 오류가 납니다.
해당 자바스크립트에서 없어진 loafing에 해당하는 값을 찾는데 없으므로, 보기싫은 자바스크립트 오류가
브라우저 밑에 뜨지요.
이것을 없애고 완벽히 로딩을 사라지게 하려면, 하나의 파일을 더 수정하셔야 합니다.

layout / 본인의 레이아웃 폴더 / layout.js

여기서 다음과 같이 전체를 주석처리 합니다.

/*
function fnStartInit() {
 var obj = document.getElementById('loading');
 obj.style.visibility = 'hidden';
}
xAddEventListener(window,'load',fnStartInit);
*/

생각해보면, 주석처리 없이 더 완벽히 없애버리자면 분명 이 자바스크립트 파일을 불러들이는 곳에서
그 문장부터 싸그리 삭제해야만 완벽이라 할 수 있겠습니다만, 신경쓸 수정부분도 많은 와중에
지금 그것까지는 차마 건드리지 않겠습니다. 일단 이 정도면 오류도 없이 하나의 div를 삭제하니
체감은 안되겠지만 그만큼 속도 향상되겠죠?

zb5 / admin / images / icons

이 폴더에 보시면.. 웬만한 미니 아이콘은 다 들어있습니다.

1,000개 넘는 정도 되는데.. 엄청 유용하죠. 작은 이미지 만들기도 쉽지 않은데..

제로보드5 관리모드에도 famfamfam.com 이라고 표기되어있지만

아마도 이곳의 아이콘은 이미 zb5 안에 전부 담겨있는 듯 싶습니다.

저도 16x16 이하의 아이콘 이미지들이 필요했는데 없어서 찾다가

이 폴더에 다 들어있는 것을 발견하고 너무 좋았습니다.

사실 팁이라고 보기 민망하지만.. 그래도 혹시 저처럼 몰라서 손수 만드시거나

웹을 뒤적거리시는 분들께 도움이 되길 바라며 올립니다.

Ajax [idks]:발음(에이잭스)  n. 그리스신화 아이아스 ((트로이 공위군(攻圍軍)의 용사))

1. 에이잭스는 발음기호 그대로 발음했을 때이고
2. 아이아스는 우리식으로 표기한 것인 듯 합니다. (주의: 아디다스와 헷갈릴 수 있음^^)

어느 것으로 사용해야 할지의 기준이 모호하군요.
하긴 아이아스의 경우는 신화 속의 인물의 고유명사로 한국식 표현이 굳어져서 그렇게 쓰는 듯 하니
굳이 Asynchronous JavaScript and XML (비동기 자바스크립트 및 XML) 의 약어인 AJAX를 그렇게 발음할 필요성은 없을 듯 싶군요.

일단 저는 발음기호 그대로가 헷갈림없이 간편해서 좋거든요.
어찌됐건 흔히들 사람들이 사용하는 "아작스" -_- 는 분명히 잘못된 표현인 듯 합니다.
앞으로 저의 강좌나 연재 글 등에서 사용할 용어는 에이잭스로 결정하겠습니다.


정의 및 설명 ;

간략 정의 - 페이지 내에서 자바스크립트로 xmlhttp를 통해 확장가능 마크업 언어 (XML) 데이터 교환을 제어함으로서 사용자들이 웹 페이지를 '새로 고침' 하지 않고도 웹 기능을 이용할 수 있게 하는 기술.
사용자의 PC에서 실행되는 리치 웹 애플리케이션 기술의 하나로, 구글맵이나 구글 서제스트 같은 기능이 비동기 자바스크립트 및 XML (AJAX)을 이용하는 대표적인 기술이다. 이 기술을 이용한 서비스의 개발을 용이하게 해주는 상용 프레임워크도 개발되어 있다.

에이잭스(AJAX: Asynchronous Java-script And XML) 기술은 2005년 중반부터 화두로 떠오른 웹 기반의 비 동기 통신 기법을 의미하는 용어입니다. 이는 Google Earth가 발표되면서 사실상 급부상한 기술이기도 합니다. 웹 상에서 화면의 새로 고침(refresh)없이 그토록 빠르고, 깊이 있게 세계 지도를 확인할 수 있다는 것은 실로 놀라움이었으니까요. 해서, Ajax가 웹 상에서 고 해상도의 그래픽 지원을 가능하게 하는 기술이라고 착각하는 사람들도 있었고, 이 기술이 ActiveX를 대체할 수 있는 기술이라고 말씀하는 분들도 있었습니다. 아마도 각각의 기술이 사용되는 대상을 제대로 이해하지 못했기에 생긴 오해가 아니었나 싶습니다.

AJAX는 단일 기술이 아닌 여러 기술의 집합입니다 (Javascrpt, XML 등). Ajax는 SOAP 및 XML 같은 통신 기술을 사용하여 비 동기 요청/응답을 서버와 주고 받으며, Javascript, DOM, HTML 및 CSS 같은 프레젠테이션 기술을 사용하여 응답을 처리하는 기술입니다. 다시 말해서, "서버로의 비동기 통신 기술"과 "동적 클라이언트 스크립팅 기법"을 하나로 묶은 것이 AJAX입니다. 서버로의 비동기 통신은 예전부터 지원되었던 속칭 XMLHTTP를 이용하며, 클라이언트 스크립팅으로는 Javascript를 이용하므로, 대부분의 브라우저에서 AJAX를 이용할 수 있습니다.
따라서 AJAX를 이용할 경우, 브라우저를 새로고침 하지 않아도 XML과 Javascript를 이용하여 서버측의 메서드를 실행한 결과를 표현해 줄 수 있습니다. 웹 이용자들이 느끼지 못하는 순간에 무대의 뒤에선 서버와의 요청/응답이 지속적으로 오고 가며 데이터를 처리합니다.

XMLHTTP :  브라우저마다 차이가 있습니다. Firefox, 모질라, Opera 등에서는 비동기 호출을 위해서 window.XMLHttpRequest를 이용합니다. 하지만 IE 6 이하의 경우는 불가능하고, ActiveXObject인 Microsoft.XMLHTTP를 사용해야만 합니다. window.XMLHttpRequest는 IE 7부터 지원됩니다.

매우 사소하고 간단한 것이지만 필요로 하시는 분들도 있으실 것 같아서 일단 팁으로 올려둡니다.
레이아웃의 본문과 상단 로고 부분의 배경색을 전부 흰색으로 지정해주는 방법입니다.


준비물:  zb5 / layout / 자신의스킨폴더 / theme / 자신의테마폴더 / layout.css

15~17줄 정도에;

#layout_zx .lo_top       { height:100px; text-align:center; background:#FFFFFF; }


28~30줄 정도에;

/* 메인바디 (탑로고,메뉴,저작권표시를 제외한 가운데 통 부분) */
#layout_zx .main_body_cell { width:900px; margin:2px 0px 0px 0px; padding:0 0 0 0; background:#FFFFFF;  }
#layout_zx .tbl_home_layout           { height:600px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#layout_zx .tbl_home_layout .l_left   { width:170px; background:#FFFFFF; }
#layout_zx .tbl_home_layout .l_center { width:570; background:#FFFFFF; }
#layout_zx .tbl_home_layout .l_line   { width:0px; background:#F1F2F3; }
#layout_zx .tbl_home_layout .l_right  { width:0px; }


귤색으로 되어있는 부분을 추가해 주시면 됩니다.

- 시놉시스 -

1차 세계대전.. 독일군과 대치중이였던 연합군의 길고긴 전투는 계속 되었고,
더이상 갈때까지가서 방법이 없었던 상황이 오자 영국군들은 앞만 보고 달려가는 전진만이
방법이였다. 공격이 곧 최후의 수단이다 라는걸 전투에서 보여주는 상황에서
예상밖의 일이 일어났다. 바로 독일군들이 독가스를 살포한것,, 이 독가스때문에 많은
군인들은 죽을수 밖에 없었고 영국군의 y중대도 결국 퇴각할수 밖에 없었다.
오로지 앞만 보고 달리던 중.. 날이 밝아왔고 안개 저 멀리서 참호가 보이고, 
거길 임시기지삼아 잠시나마 쉴려고 하던중 독일군 포로 1명을 발견하게 되고
그로부터 이상한 소리를 듣게 되는데...


- 감상 후기 -

이 영화는 일정하게 제한된 장소에서 라는 점과 벗어날 수 없는 어떤 반복과 복선 등과 화면처리, 전쟁중이라는 상황과 여러가지 주변 요소들에 의해서 영화 Dead End (2005)와 비슷한 느낌을 주며 암울한 분위기로 전개된다.
사실은 이 영화가 보여주려는 핵심 주제가 무엇인지와 결국 그 알 수 없는 정체의 죽음을 불러일으키는 존재는 무엇을 의미하는 것인지 아직도 이해하지 못했지만, 다시 감상하며 이해할 기회가 생기길 바란다. - -;
아무튼 이런 분위기의 영화가 내 취향에 딱 맞는 것 같다. 웬지 제한된 장소 배경에서도 많은 생각과 느낌들을 전달받을 수 있었고, 특히 중간중간의 섬뜩한 장면들과 알 수 없는 힘의 존재에 약간 공포감을 느낄 수 있었다.
재밌게 본 손꼽히는 영화들 중 하나이다.