검색 옵션(검색어)에 카테고리명 추가

1. main 검색창에 form 삽입 - input value에 변수 ca_name 추가 (카테고리명) - fieldset : form 내부 요소들을 묶어줄 때 사용 legend : fieldset 의 제목 developer.mozilla.org/ko/docs/Web/HTML/Element/fieldset 사이트 내 전체검색

게시판 카테고리 추출, 뿌리기

- bbs - list.php 에 카테고리 관련 코드 추출해서 php 새로 만들기 - 추출할 게시판 잡는 코드 넣어주기 $board = sql_fetch(" select * from {$g5['board_table']} where bo_table='masonry'"); - bo_table 현재 게시판 이름으로 바꿔주기 - 삽입해서 카테고리 옵션 불러오기 - 뿌려야 할 페이지에 inculde 시키기

정규표현식 regular expression

- 문자열에서 특정한 문자를 찾아내는 도구 (찾아내서 삭제, 치환 등..) - 정규표현식을 java script에서 사용하는 방법

UI와 API, 문서

UI - User Interface - 컴퓨터가 사용자를 대면하는 접점 - 사용자의 의도를 시스템에게 전달, 시스템의 상태를 사용자에게 전달 API - Application Programming Interface - 기반이 되는 시스템이 제공한 interface ex) alert창 - 개발자는 API를 자신의 맥락에 맞게 응용 -> 운영체제가 제공하는 API를 이용해서 웹브라우저 개발자들이 웹 API를 만들게 되고... 또 그걸 웹개발자들이 응용하고...계층적 구조를 가짐 - 계층의 사이사이에 interface가 존재 - 튜토리얼 : 언어의 문법, 안내서 / 레퍼런스 : 명령어 사전 - 자바스크립트의 API는 자바스크립트 자체의 API와 자바스크립트가 동작하는 호스트 환경의 API로 구분됨

모듈과 라이브러리

1. 모듈 - 코드의 재활용성, 유지보수를 쉽게 하기 위해 - 코드를 부품화 시키는 것 (코드를 여러개의 파일로 분리 ) - 순수 자바스크립트에는 모듈이라는 개념이 분명하게 존재하진 않지만, 자바스크립트가 구동되는 환경(호스트)에 따라 서로 다른 모듈화 방법이 제공 ex) 웹 : script src / node.js : require *모듈의 효과 - 자주 사용하는 코드를 별도의 파일로 만들면 필요할 때마다 재활용 가능 - 코드 수정시 필요한 로직을 빠르게 찾을 수 있음 - 필요한 로직만을 로드해서 메모리 낭비를 줄임 - 한번 다운로드 된 모듈은 웹브라우저에 의해서 저장, 동일한 로직을 로드할 때 시간과 네트워크 트래픽 절약 가능 2. 라이브러리 - 모듈과 비슷한 개념, 자주 사용되는 로직을 재사용하기 ..

그누보드 최신글 스킨 (latest) 변수 모음

최신글 스킨에 사용할 수 있는 변수들은 게시판 목록 페이지 스킨에서 사용하는 것과 같습니다. 스킨 제작할 때 가장 빈번하게 사용되는 부분만 정리해보겠습니다. $latest_skin_url 스킨 폴더 경로 스킨을 제작할 때 해당 스킨 폴더 안에 이미지나 css, js 파일 등을 추가해서 사용할 때 주로 사용합니다. 예를 들어 이미지를 사용해서 스킨을 디자인한다면 스킨 폴더 안의 img 폴더에 이미지를 넣고 게시물 제목 분류명 작성자 ​ 작성날짜 댓글수 조회수 추천수 비추천수 링크 #1 링크 #2 게시물 제목 링크 주소 게시물 분류 링크 주소 본문 내용 그대로 모두 출력 지정된 글자 수만큼 본문 내용출력 여분필드도 같은 방법으로 사용합니다. 여분필드 #1 여분필드 #2 여분필드 #3 첨부 이미지 출력 방법...

그누보드 썸네일 슬라이드 소스

*product 게시판 view 소스 - pager 썸네일이 background로 들어감

그누보드 게시판 분류 (catogory)

*category 소스 카테고리 - css 상속 피하기 : 카테고리 맨 위에 id로 하나 감싸서 재상속시키거나, id자체를 지워버려도 됨 *category active되었을때 a의 id 바꾸기 // css상속 때문 -/bbs/list.php // 분류 사용 여부 $is_category = false; $category_option = ''; if ($board['bo_use_category']) { $is_category = true; $category_href = G5_BBS_URL.'/board.php?bo_table='.$bo_table; $category_option .= '전체'; $categories = explode('|', $board['bo_category_list']); // 구분자가 ..

객체 object

- 연관된 데이터를 담는 그릇 (배열과 유사) - 데이터에 인덱스가 아닌 이름을 붙일 수 있다는 것이 배열과 다른점 - 다른 언어에선, 연관배열, 맵, 딕셔너리라는 데이터 타입이 해당 - key : value var age = {'name1':28, 'name2':25, 'name3':29} // name$ 는 key 값, 숫자는 value //value값에 접근하기 alert(age['name1']); //alert(age['na'+'me1']); 문자열을 결합할 때 사용하기 편함, []안에는 string 삽입 가능 alert(age.name1); - 다른 선언 방법 var age = {}; age['name1'] = 28; age['name2'] = 25; age['name3'] = 29; var a..

배열 array

- 연관된 여러 개의 데이터를 모아 통으로 관리하기 위함 (데이터를 담는 그릇) - index값을 가짐 (0부터 시작) var member = ['egoing', 'k8805', 'sorialgi'] alert(member[0]); alert(member[1]); alert(member[2]); 1. 배열의 사용 : 배열과 반복문 function get_members(){ return ['egoing', 'k8805', 'sorialgi']; } var members = get_members(); for(var i = 0; i < members.length; i++){ // members.length는 배열에 담긴 값의 개수 document.write(members[i].toUpperCase()); //..