앞으로 개발 일지를 작성합니다.

이 앞전까지는 급하게 만드느라 너무 많은일이 동시다발적으로 일어나서 일지를 쓸 시간조차 없었다고 해도 과언이 아니겠네요.

일단, 사이트의 구조는 이렇습니다.

asheum.com 메인화면은 일반적인 사이트입니다.

asheum.com 에 사용된 모든 프로그램은 asheum.com 만을 위해 동작합니다.

asheum.com 에서 추가된(현재 개발중인) 개인 사이트용 프로그램은 별도의 스킨을 특수화 시켜 제작중입니다.

일반, 갤러리, 방명록이 우선 과제이며,

회원의 체크와 카테고리의 검사등은 /person_site/mini_head.php 파일에서 담당하고,

전체적인 include는 루트의 head.sub.php 파일에서 담당합니다.

루트 페이지와 회원의 업데이트 부분 /bbs/register_form_update.php 파일을 제외하곤 sir.co.kr 에서 제공하는 gnuboard4 파일 원본 그대로 유지합니다.

대부분의 동작이 /person_site/ 안에서 이루어 집니다.

게시글 작성 부분은 이모티콘을 포함한 방명록 부분을 제외하고 모든 화면이 통일되어져 사용됩니다.

스타일은 각 게시판에 사용된 스타일이 /person_site/css/person_board.css 에서 통합되어집니다.

CSS 를 불러오는 순서는

person_common.css  > person_board.css > person_style.css > person_bg1.css 

과 같은 절차를 거치며, person_bgx.css 파일에서 전체적인 스타일을 재보정하며 화면 구성을 종료합니다.

각 레이어 팝업에 사용된 스타일은

person_common.css 파일과 person_style.css 파일만으로 동작합니다. 스타일을 적용시켜야 할 부분이 생기면 해당 레이어 팝업의 상단에서 person_bgx.css 파일을 로딩해야 합니다.

총 가로폭은 person_common.css 파일의 generalWidth 부분을 손보고, 각 스킨 폴더의 총 가로 사이즈를 나타내는 config 파일 수정을 해야합니다.

thumb.config.php 파일이며, 현재는 874pixel 로 최대폭이 고정되어있습니다.

가로 총 860 pixel 이며 7pixel 의 양측 여백을 준 총 사이즈가 874입니다.

에디터는 스마트에디터2 최근버전이 사용되었으며,

jquery 는 1.9.1버전이 사용되었습니다

사실 1.9.1에서도 ie8 혹은 9버전 아래를 버린 부분이 많지만,

on 함수나 변경된 함수들이 존재하기때문에 이 하위 버전은 사용하면 안됩니다.

현재 asheum 사이트는 1.9.1에서 모든화면(회원가입등)이 최적화 되어있습니다.

jquery ui는 1.10.3 버전을 사용중입니다.

(다른 버전도 사용가능하지만 작동여부를 확인해야합니다)

팝업레이어 및 모든 사진들이 반응형이며,

사진은 874 pixel 아래로 줄어들 수 있는 700 pixel 부터 가변형 가로 사이즈를 갖게됩니다.

또 노트가 아닌 모바일 대응을 위해 480 pixel 아래로는 한번의 큰 변화가 더 있습니다.

스타일 파일은 반응형의 단점인 모양만 모바일, 덩치는 일반 웹사이트를 벗어나기 위해 이미지 사용을 최소화 하고 폰트아이콘을 사용했으며, person_bgx.css 파일의 용량을 최소화하기위해 해당 파일 앞에서 로딩하는 부분에서 거의 통합을 하고, media query css 의 사용을 최소화했습니다.

현재는 모바일이던 pc이던 로딩속도가 만족할 만 합니다.

기능상의 정리는 다음번 일지에서 정리합니다.