그누보드4s & 배추빌더 & 모바일 전체 : 17시간 22분 / 강의당평균 : 52분6초

그누보드4s & 배추빌더 & 모바일

전체 : 17시간 22분 / 강의당평균 : 52분6초

01 그누보드의 설치, 게시판 생성

putty를 이용해 그누보드를 웹호스팅에 설치해보고 게시판을 생성하고 환경설정에 대해 알아봅니다.

29분

책갈피 : [00:01] 그누보드란 / [01:49] 다운로드 / [03:05] 캐릭터셋 / [04:46] 다운로드 파일 확인 / [05:15] 다운로드 폴더 확인 / [06:15] 구성 파일 확인 / [07:12] 빈 주소 / [09:18] 업로드 주의점 / [10:07] tar 파일 업로드 / [10:37] tar 파일 압축 / [11:48] 압축 시작 / [12:31] ftp 업로드 / [13:24] tar 파일 압축 해제 / [13:56] putty 설정 / [14:52] pytty 로그인 / [16:00] 압축해제 암호 입력 / [17:18] 경로 지정 / [18:45] 압축 해제 명령어 / [19:25] 해제된 파일 확인 / [20:22] 그누보드 설치 / [21:56] 최고관리자 정보 입력 / [22:30] 설치 완료 / [23:26] 로그인 / [24:25] 홈페이지 기본설정 / [25:22] 브라우저 탭 변경 / [26:18] 회원가입 설정 / [28:03] 여분필드

02 그누보드를 이루고 있는 파일정의, 로고변경, 탑메뉴 생성

각각의 레이아웃의 수치와 로고를 변경하고 탑메뉴를 생성해봅니다.

1시간 7분

책갈피 : [00:00] 관리권한설정 / [01:04] phpinfo / [01:46] Not Found / [02:56] phpMyadmin 설치 / [03:54] phpMyadmin 폴더확인 / [04:22] ftp 업로드 / [06:55] phpMyadmin 설치완료 / [07:18] 사이트 확인 / [08:42] 게시판 추가 / [09:26] 게시판 그룹 생성 / [10:58] 생성된 그룹 확인 / [12:26] 게시판 추가 / [13:22] phpMyadmin 접속 / [14:42] 생성된 게시판 확인 / [15:04] skin 저장 경로 확인 / [16:07] 생성된 게시판 확인 / [16:28] 게시판추가 / [17:03] 테이블명 / [17:41] 게시판관리확인 / [18:01] 데이터베이스갱신확인 / [19:07] 생성된그룹확인 / [19:40] 게시판생성순서 / [20:15] 레이아웃 / [20:40] 질문답변의 테이블명 확인 / [21:24] 게시판관리 / [21:50] 게시판수정페이지 / [21:56] 파일경로 / [22:29] 상하좌우의 레이아웃 / [23:10] head.php, tail.php / [23:25] ftp / [24:00] 파일경로지정 / [24:30] 확인 / [24:57] 경로삭제 후 확인 / [25:38] 경로 삽입 후 확인 / [26:18] 현재레이아웃 확인 / [27:00] 에디트플러스 / [27:43] _head.php/_tail.php / [28:39] 언더바 / [29:52] head.php/tail.php / [30:46] head.sub.php / [31:59] 홈페이지 / [32:44] 타이틀 / [33:18] 자바스크립트의 변수 / [34:01] 레이아웃 / [34:37] default.css / [35:25] 하단레이아웃 / [35:49] 전체검색부분 / [36:18] 중간레이아웃부분 / [36:39] 픽셀조정후 확인 / [38:10] 로그인부분 / [39:16] 그누보드4s / [40:22] 디자인변경 / [41:03] 상단부분찾기 / [41:42] 삭제 후 확인 / [42:32] 정렬확인 / [43:20] 테이블로 정렬 / [43:50] div태그 / [44:19] tail.php / [45:11] 게시판확인 / [45:57] 헤드와 테일의 통합div / [47:33] html / [47:58] 저장후 확인 / [49:04] 정렬삭제후 확인 / [49:46] 게시판 확인 / [50:14] 상단시작부분 / [50:39] default.css에서의 로고 / [50:55] 로고의 여백 / [51:46] 로고의 왼쪽 여백 / [53:06] 로고부분 / [53:25] 사이즈수정 / [54:36] 로고변경 / [55:08] 확인 / [55:25] 크기변경후 확인 / [55:50] 검색바 이동 / [56:31] head.php / [56:41] 스타일변경 / [58:24] 메뉴부분 / [59:00] 삭제후 확인 / [01:00:34] 불필요한 부분 삭제 / [01:01:46] 확인 / [01:02:24] 삭제부분입력 / [01:02:42] 확인 / [01:03:14] 메뉴부분 수정 / [01:03:54] 한줄 더 추가 / [01:04:33] br태그 / [01:05:20] 텍스트입력 / [01:06:25] default.css / [01:06:48] top조정 후 확인

03 탑메뉴 수정, 검색창 변경, 메뉴생성, footer 수정

html로 메뉴를 생성하고 footer 부분을 자신의 기호에 맞게 수정해봅니다

52분

책갈피 : [00:32] 메뉴 css 부분 찾기 / [01:29] text-decoration / [03:00] 검색바 수정 / [03:53] sch_all / [04:46] / [05:30] 검색바 옮기기 / [06:00] 옮겨진 검색창 확인 / [07:27] 검색 글자 삭제 / [08:03] 그누보드 4s검색바 달라진점 / [09:46] 검색창 오른쪽 정렬 / [10:09] sch_all_submit / [11:30] fieldset / [13:28] 검색창 확인 / [14:37] margin-top / [14:48] 결과 확인 / [16:11] relative / [16:52] 결과 확인 / [17:30] margin-top / [17:33] 결과확인 / [18:37] background / [19:22] border / [20:11] color / [21:15] margin-right / [21:30] 결과확인 / [22:03] font-family / [23:22] input type=image / [23:47] 결과 확인 / [25:26] 상단메뉴 / [25:30] 웹표준 메뉴 붙여넣기 / [25:59] 메뉴 css 정의 / [26:52] 결과 확인 / [28:11] 메뉴 이름 변경 / [30:00] 콘텐츠 시작 / [31:07] 결과 확인 / [31:36] aside / [31:56] float:left / [32:37] container / [34:07] G4_IS_MOBILE 역할 / [36:15] 하단 시작 / [36:22] div id= / [37:29] 잘린 부분 설명 / [38:45] ft css 삭제 / [40:13] fr_catch / [41:29] 변경된 로고 확인 / [42:45] p태그 삭제 / [43:22] copyright 변경 / [44:07] color 변경 / [45:22] top 버튼 확인 / [46:51] input button 생성 / [47:22] 결과 확인 / [48:43] input image 생성 / [49:00] 결과 확인

04 로그인스킨의 완벽변신

접속자집계의 구조를 재조정하고, 드림위버로 로그인창을 생성해봅니다

50분

책갈피 : [01:19] 방문자수 코드 삽입 / [02:06] 결과 확인 / [02:29] 방문자수 위치 변경 / [02:53] 접속자집계 파일 열기 / [03:46] visit.skin.php / [05:00] width / [05:30] 위치 잡아주기 / [06:00] 결과 확인 / [07:00] background / [07:00] color / [08:11] 넓이 수정 / [09:09] padding / [10:58] 접속자 집계 자리잡기 / [11:58] div id 생성 / [12:46] 결과 확인 / [13:52] 태크 정리 / [14:52] css 생성 / [16:33] 외부로그인 파일 열기 / [17:18] basic 파일 / [18:30] outlogin.skin 내용 삭제 / [20:11] 나만의 세팅값 만들기 / [21:26] basic 폴더 다운 / [21:48] basic 이름 변경 / [22:37] 스킨변경 / [24:07] 알아보기 쉬운 형태 만들기 / [25:17] aside 코드 / [26:40] 로그인 후 스킨 확인 / [27:33] 로그아웃 창 확인 / [28:52] padding 확인 / [29:07] input 타입 / [31:15] 패스워드 코드 / [32:22] div/ol_svc / [33:30] 회원아이디 / [35:45] 패스워드 오류 / [36:52] input type=password / [37:35] 오류 해결 / [39:07] 드림위버로 테이블 생성 / [39:52] id, password,로그인 생성 / [41:00] 표 만들기 / [42:22] colum 나누기 / [43:15] 로그인 버튼 옮기기 / [45:22] 테이블 정리 / [46:22] width

05 로그인스킨의 완벽변신Ⅱ

로그인 오류 해결에 대해 알아보고 드림위버로 로그인창을 생성, 이미지 파일로 로그인 스킨을 만드는 방법에 대해 강의합니다

53분

책갈피 : [00:16] password 확인 / [01:02] dreamweaver 테이블 생성 / [02:23] ol_id, ol_pw 붙여넣기 / [04:46] ol_id css / [05:25] height / [06:30] 출력되는 길이 다른 이유 / [07:28] 로그인폼 이동 / [08:37] ol_submit / [09:31] margin-left / [10:54] margin-top / [11:31] width:100px 결과확인 / [12:24] margin-top:-55px / [13:20] border / [14:41] input type 변경 / [15:20] 변경된 로그인폼 확인 / [16:55] 로그인폼 css / [17:41] id, pw input 넓이 다름 / [18:29] style / [19:21] 색상변경 / [20:17] border / [21:29] 결과확인 / [22:22] id, css 연동 / [23:55] 결과 확인 / [24:37] id, pw 배경색 다름 / [25:11] ol_id:focus / [26:15] border-color / [27:33] 결과 확인 / [28:37] color / [29:47] 자동로그인 / [30:45] auto_login / [31:41] letter spacing / [33:28] ol_auto 찾기 / [34:05] float:left / [35:22] img src 변경 / [36:22] 이미지 확인 / [37:52] xxonclick 소스넣기 / [38:30] 이미지 출력 확인 / [39:20] label id / [40:37] 보안접속 만들기 / [41:58] span 태그 집어넣기 / [42:34] 결과 확인 / [43:28] style 추가 / [44:30] id 입력 / [45:52] style 추가 / [46:37] 결과 확인 / [47:30] 줄바꿈 / [48:22] password_lost.php / [50:04] 회원가입, 정보찾기 / [51:09] 회정보찾기 배열맞추기

06 로그인스킨의 완벽변신Ⅲ

로그인폼의 구조에 대해 파악하고 분리시킨 후, 로그인 한 후의 스킨을 변경해봅니다

49분

책갈피 : [00:57] font-weight : bold / [01:11] margin-top: 0px / [02:21] margin-left / [03:28] div id= / [04:30] div 생성 / [05:15] 생성한 div css 추가 / [06:09] 결과 확인 / [07:00] bottom color 변경 / [08:41] outlogin.skin.2.php / [09:43] 회원정보 폼 / [10:22] 결과확인 / [11:43] 관리자 모드 삭제 / [12:46] 첨부된 파일 확인 / [14:18] table class=basic tbl / [16:56] footer / [17:48] 관리자모드 css / [18:33] width / [18:47] 결과확인 / [19:17] text-align / [20:37] footer 이동 / [21:22] footer css 확인 / [22:45] margin-left / [23:37] 관리자 모드 수정 / [24:32] 결과 확인 / [25:41] 가운데 정렬 / [26:51] 관리자 버튼 이동 / [27:55] 쪽지, 포인트, 스크랩 버튼 / [28:36] background color / [29:25] ol after private / [30:06] 자리정렬 / [31:44] 결과 확인 / [32:30] css 생성 / [33:22] border color 변경 / [34:27] font color 변경 / [35:20] font-weight / [36:07] text-decoration / [37:21] container / [38:29] margin-top / [39:22] 메뉴 가운데 정렬 / [41:06] 메뉴바 수정 / [42:37] margin:0px auto / [43:15] 결과 확인 / [45:22] border-bottom 삭제 / [45:58] margin:0px auto / [46:05] 결과 확인

07 사이드바도 스타일있게!

사이드바에 메뉴를 집어넣어보고, 이미지를 삽입한 후, 게시판의 스킨을 제작해 봅니다.

56분

책갈피 : [00:21] ul 태그 옮기기 / [01:26] 결과 확인 / [02:51] width:190px, 결과확인 / [04:00] aside css 찾기 / [05:23] hover style 변경 / [06:23] 결과확인 / [06:58] hover style 방향 변경 / [07:43] 결과확인 / [08:18] margin-left 삭제 / [09:18] border-color 변경 / [10:18] 접속자 집계 삭제 / [11:16] 코드 찾기 / [12:54] 방문자 수 파일경로 / [13:39] 여백주기 / [14:22] 이미지 스크립트 주기 / [15:31] 결과확인 / [16:18] 이미지 스크립트 추가 / [17:52] img 삽입 / [18:25] 결과확인 / [19:29] css 제작 / [20:48] css 추가제작 / [21:41] 결과확인 / [22:52] input syle 제작 / [23:29] margin-top:10px / [24:15] 회원가입 약관 / [25:56] 회원가입 안내 수정 / [26:33] margin / [27:17] border-bottom:1px solid / [28:22] 회원가입 설정 / [28:44] 회원가입약관 변경 / [29:41] 회원가입 폼 설정 / [30:18] register form 파일 열기 / [31:37] border 입력 / [33:12] 플래시 파일 삽입 / [34:15] 결과확인 / [35:06] margin-left / [36:37] 관리권한 설정 / [37:29] 다른회원 권한 설정 / [38:14] 게시판 관리 / [39:37] 권한 상세 수정 / [40:37] 글쓰기 폼 / [41:42] 스킨 설정 / [42:14] 게시판 폭 설정 / [44:12] 스킨 디렉토리 / [44:58] 스킨 디렉토리 제작 / [45:52] 결과확인 / [46:37] 스킨 변경 / [48:00] 스킨 파일 열기 / [49:14] total 찾기 / [50:15] total span 태그 수정 / [51:15] 괄호넣기 / [52:14] float 수정

08 게시판을 내맘대로!

게시판 목록을 사용자가 원하는대로 꾸미는 방법을 알아봅니다.

53분

책갈피 : [00:17] 보드수정 파일 열기 / [01:57] 페이지 정보 form / [02:27] 게시글 번호와 목록 / [03:07] 카테고리 입력 / [04:25] 카테고리 코드 찾기 / [05:26] 게시판 목록 css / [06:09] padding, font-size / [07:24] 공지사항 코드 찾기 / [09:41] 게시판 수정 / [10:28] include 파일 / [11:20] 상,하단 불러오는 파일 / [12:22] 디렉터리 생성 / [13:11] 파일 이름 변경 / [14:01] 경로 변경 파일 확인 / [14:20] 상,하단 파일 경로 수정 / [15:54] 질문답변 게시판 / [17:06] 파일 생성 / [18:18] 게시판 수정 / [19:26] 상단 삭제 확인 / [20:41] 게시판 글 작성 / [21:22] div id 생성 / [22:45] css 생성 / [23:44] div id 생성 / [24:26] container2 css 생성 / [25:29] style 생성 / [26:15] width : 150px / [27:41] list.skin.php 파일열기 / [28:22] margin-bottom / [29:36] style.css 파일열기 / [30:26] 스킨 확인 / [31:56] 게시판 목록 시작 / [32:37] bo cate ul / [33:37] bo list total / [34:45] table class / [35:22] 테이블 css 찾기 / [35:57] 추천, 비추천 / [36:30] 입력한 글 확인 / [38:15] 글자 크기 변경 / [39:30] background 변경 / [40:13] font size / [41:45] td 태그찾기 / [42:22] td 태그삭제 / [43:15] 결과확인 / [44:44] 제목부분 따로 수정 / [45:27] 결과확인 / [46:30] 공지글 삭제 / [47:15] text-align / [48:07] subject / [49:04] 카테고리1 삭제 / [50:21] 카테고리 css 확인

09 게시판을 내맘대로!Ⅱ

게시판 목록과 글이 출력되는 부분을 사용자가 원하는대로 꾸미는 방법을 알아봅니다.

55분

책갈피 : [00:30] 필요한 파일 구성 / [01:30] 메뉴 순서 변경 / [02:15] css 수정 코드 찾기 / [03:14] font-size:20px / [04:00] font-weight / [05:41] text-align:center / [06:00] 결과 확인 / [07:00] td num 삭제 / [08:07] color 변경 / [09:31] td css 생성 / [10:58] td 태그 삭제 / [11:22] 오류 수정 / [12:41] 결과 확인 / [13:48] basic tbl / [14:15] padding / [15:11] width:30px / [16:52] td date / [17:45] td name 수정 / [18:48] font-weight / [19:26] 결과 확인 / [20:00] 글 작성 / [21:26] input css / [21:41] btn bo adm / [22:26] ul class 수정 / [23:22] height / [24:41] background / [25:03] border / [26:40] border color 변경 / [28:18] 목록, 글쓰기 코드 / [29:44] height 변경 / [30:33] 결과 확인 / [31:47] line-hight / [32:50] 관리자 코드 / [33:52] 관리자 css / [34:30] line-hight / [35:28] text-decoration / [37:13] view skin php 파일 / [38:27] article id=bo v / [39:35] info css / [40:37] bo v table css 삭제 / [41:15] 상단부분 수정 / [42:00] 페이지정보 수정 / [44:15] 결과 확인 / [45:30] margin / [46:21] strong 태그 / [47:22] 결과 확인 / [47:52] margin-left / [48:28] 결과 확인 / [50:52] margin-left / [51:22] border-top / [52:22] 여백주기 / [52:31] 결과 확인

10 게시판을 내맘대로!Ⅲ

글이 출력되는 부분에 공통적인 글이나 이미지를 삽입하고 전체적인 디자인을 변경해봅니다.

53분

책갈피 : [01:15] view.skin.php 파일 열기 / [02:20] 다음글 버튼 확인 / [03:44] ul 태그 삭제 / [04:46] 버튼 수정 / [05:00] class 확인 / [06:30] line height / [06:58] 버튼 순서 변경 / [07:23] 결과 확인 / [08:03] 태그 삭제 / [09:03] 버튼 위치 변경 / [10:09] 결과 확인 / [11:07] background color / [11:46] 버튼 class / [12:13] class id 변경 / [13:22] 변경된 id css 삽입 / [14:20] border / [15:52] border-bottom 삭제 / [16:22] margin-top / [17:15] 결과 확인 / [18:22] bo v top css 생성 / [19:32] padding / [20:37] 제목 크게하기 / [21:22] bo v title / [22:32] 글제목 출력 삭제 / [23:10] 제목 출력 형식 변경 / [24:11] font-size / [25:18] color / [26:52] 본문 출력 코드 / [27:07] bo v con / [28:03] bo v con css 생성 / [29:15] margin / [31:10] 이미지관련 주석 제거 / [32:07] 파일출력 / [32:58] 여분필드 / [33:20] 필드란 / [34:15] 필드 코드찾기 / [35:13] php My admin 필드 / [36:14] 저장된 필드 확인 / [37:30] 글쓰기 필드 확인 / [39:22] 필드 관련 파일 열기 / [40:22] 글쓰기 페이지 / [41:51] 필드 코드 확인 / [42:00] 필드 추가 / [42:29] 결과 확인 / [43:29] frm tbl th css / [44:15] autosave wrapper / [45:37] value / [46:58] 결과 확인 / [47:22] width / [48:21] 설정 오류 확인 / [49:14] width 추가 / [50:21] input type 추가

11 게시판을 내맘대로!Ⅳ

게시판 테마를 다운받아 설치하고, 사진이 출력되는 게시판의 구조를 알아봅니다.

54분

책갈피 : [00:41] input type 확인 / [01:25] div 복사 / [02:15] fontsize: 13px / [03:12] 결과확인 / [04:08] br태그 입력 / [05:30] 제목코드찾기 / [06:54] div태그 입력 / [07:56] 필드추가 / [08:33] 필드 제목추가 / [09:11] 필드 name 변경 / [10:18] wr_2 / [11:03] 목록 확인 / [12:18] color / [13:20] 결과 확인 / [14:58] 예제 확인 / [15:39] 여분필드 추가 / [16:33] 생략글 나타내기 / [17:47] div style 추가 / [18:47] 생략 코드 추가 / [19:11] 결과 확인 / [20:41] 그누보드 사이트 / [21:07] 스킨찾기 / [22:14] 웹진형 게시판 다운 / [23:15] ftp 업로드 / [24:25] 결과 확인 / [25:15] 한글깨짐 현상 / [26:41] 글 추가 / [27:17] 추가한스킨 파일 열기 / [28:22] 기본스킨과 비교 / [29:15] 생략부호 수정 / [30:18] bo list title / [30:52] css style 입력 / [31:26] 결과 확인 / [32:28] bo list total / [33:00] margin-left / [34:43] 간격 조정 / [36:37] div id 생성 / [37:37] ul css 확인 / [38:43] margin-top / [39:30] css 생성 / [40:20] 갤러리 코드 / [42:06] bo img href / [42:45] style 정의된 부분 확인 / [43:13] border / [44:30] width / [45:15] color / [46:22] checkbox / [47:15] 글꼴 변경 / [48:29] font-family / [49:15] style에 font 추가 / [49:52] 결과 확인 / [50:12] 본문 수정 / [50:57] ul calss font 추가

12 게시판을 내맘대로!Ⅴ

블로그 글꼴 변경/댓글쓰기/메뉴바/카운트/메뉴 구성/스킨 변경/타이틀 변경

49분

책갈피 : [00:00] 블로그 글꼴 바꾸기 / [00:56] default.css / [01:53] id검색 / [02:23] 확인 / [03:01] 폰트크기 변경 / [04:23] 뷰와 뷰스킨 파일 / [06:05] 댓글출력부분 확인 / [06:51] 댓글목록부분 폰트변경 / [07:45] 폰트크기변경 / [08:30] 댓글쓰기부분 변경 / [09:20] 폰트변경 / [10:51] 댓글목록 부분 변경 / [11:29] 색상 변경 / [12:28] 댓글등록 부분 변경 / [13:44] 확인 / [14:11] 변경되지 않는 이유 / [14:34] div와 input의 연결 / [15:15] 재변경 후 확인 / [15:35] 메뉴바의 변경 / [16:37] 확인 / [18:01] 아래메뉴 변경 / [18:37] submit의 변경 방법 / [19:31] 재변경 / [20:26] 댓글수 부분 찾기 / [20:55] 삭제후 확인 / [22:01] 카운트 부분 삭제 / [23:13] 글사이의 간격 변경 / [24:33] 확인 / [25:25] 세로부분 간격 변경 / [26:30] 이미지 테두리 설정 / [28:09] 이미지 부분만 변경 / [28:54] 테두리 색 변경 / [30:24] 테두리의 간격변경 / [31:28] 최근게시물 확인 / [32:38] 사용방법부분 변경 / [34:00] 메뉴구성 변경 / [35:30] 스킨변경 후 확인 / [37:12] skin.php파일 확인 / [39:09] title부분 확인 / [40:22] padding 값 조정 / [41:05] 색상 변경이 되지 않는 이유 / [42:26] 오버부분 색상변경 / [43:29] 타이틀 크기 변경 / [44:09] width값 변경 / [44:49] height값 변경 / [46:47] subject 부분과 comment 부분 / [47:23] count부분 / [47:55] 파일 추가후 확인

13 게시판을 내맘대로!ⅤI

블로그 글꼴 변경/버튼/회원관리/웹호스팅변경/파일백업&압축과해제

53분

책갈피 : [00:00] 더보기버튼 / [00:26] 더보기항목변경 / [01:17] 폰트변경 / [01:47] 확인 / [02:23] div태그 삭제 / [03:04] count / [03:19] link / [04:15] icon / [05:22] fpt에서 확인 / [06:21] 이미지변경 / [07:25] 첨부파일icon / [07:47] 링크icon / [08:38] 밑줄 넣기 / [09:41] border값 넣기 / [10:07] 색변경 / [10:28] 간격변경 / [11:44] 정보수정부분 변경 / [12:27] member_confirm / [13:49] 입력가능한 폼 만들기 / [14:50] 패스워드 / [15:43] 입력창 크기변경 / [16:05] maxlength / [17:17] submit의 글꼴 / [18:26] default.css / [19:15] register_form / [20:03] 관리자회원관리 / [20:27] 회원수정 / [21:11] accesskey / [22:15] 회원과 관리자 / [23:29] 탈퇴수정 / [25:25] 확인 / [25:48] class삽입 / [27:15] 스타일 적용 / [27:48] default.css / [28:15] 색상변경 / [28:33] 확인 / [28:43] 정렬수정 / [29:34] member_leave / [30:15] 탈퇴메시지변경 / [30:58] 회원가입 / [31:25] 탈퇴메시지재확인 / [32:01] 로그인 / [32:17] 관리자모드 / [32:32] 탈퇴사항확인 / [33:16] admin.lob / [34:00] 웹호스팅 / [35:36] 웹호스팅 회사변경 / [37:11] ftp / [37:34] www의 내용 압축 / [38:32] putty / [39:29] 압축할 위치 이동 / [40:49] 압축 / [41:17] all.tar / [41:33] 다운 / [42:14] 데이터베이스 작업 / [43:06] 압축명령어 입력 / [44:39] all.sql / [44:56] 백업 / [45:25] phpmyadmin / [46:18] 비우기 / [46:38] 삭제 / [47:10] 확인 / [48:02] 폴더삭제명령어 / [48:47] 확인 / [49:11] 백업파일옮기기 / [49:38] putty / [49:55] 새호스팅서버 / [50:40] 백업파일업로드 / [51:10] 압축해제 / [51:37] 압축파일삭제 / [51:45] all.sql 복구 / [52:43] 확인

14 새 호스트의 사이트에 이전 호스트의 내용들을 적용시켜보자

관리자메뉴/레이아웃변경/head및main&tail부분변경

54분

책갈피 : [00:00] 배추빌더 / [01:11] 배추빌더홈페이지 / [01:48] 로그인 / [02:35] 배추빌더탭 / [02:56] 다운로드 / [03:57] 확인 / [04:35] ftp에 업로드 / [05:24] fpt 삭제 / [06:09] 빌더만 옮기기 / [06:55] data 폴더제외 삭제 / [07:57] 확인 / [08:22] 실행후 확인 / [09:10] 배추빌더 파일 압축 / [10:04] install / [10:26] 삭제 / [10:46] 다시압축 / [11:06] 압축파일 해제 / [11:30] putty / [12:32] 압축파일 삭제 / [12:54] 확인 / [13:51] 도메인업그레이드 / [14:11] 확인 / [15:08] 레이아웃변경 / [15:35] 관리자페이지 / [17:37] 스킨설정 / [17:47] index설정 / [18:43] 설정변경 / [19:27] 설정재변경 / [20:06] 컨텐츠부분 비교 / [20:43] 환경설정메뉴 / [21:04] 배추빌더메뉴 / [22:18] index 가로크기 / [23:29] 그룹관리 / [23:48] 캐쉬메뉴 / [24:35] 로고 / [25:10] 경로확인 / [26:18] 로고변경방법 / [26:54] 변경할 로고 확인 / [27:22] 파일이름변경 / [27:45] 로고업로드 / [28:35] 덮어쓰기 / [29:02] 확인 / [29:45] skin폴더 / [30:10] index.head.skin / [30:44] 삭제후 확인 / [31:29] 로고부분찾기 / [32:07] 로고부분변경 / [32:57] 경로 재설정 / [33:18] 확인 / [34:19] 스타일 확인 / [35:45] 상단메뉴 변경 / [36:22] 배추빌더 공식홈 확인 / [36:43] 링크변경 / [37:14] 확인 / [37:41] 메뉴부분 삭제 후 확인 / [38:04] 메뉴바 부분 확인 / [38:59] 클래스확인 / [39:43] 스타일 확인 / [40:33] 메뉴바이미지변경 / [40:40] 확인 / [41:39] 메뉴바확인 / [41:54] 백그라운드변경 / [42:41] 검색창 / [43:02] 스타일수정 / [43:54] 높이재설정 / [44:50] 버튼설정 확인 / [45:08] 색상변경 / [46:32] tail파일 / [46:50] main파일 / [47:25] 하단부분수정 / [47:58] tail/main파일 / [48:08] main파일 삭제후 확인 / [49:07] 하단부분확인 / [49:49] 배너 / [50:06] 텍스트부분 / [50:24] 하단삭제 후 확인 / [51:32] 내용변경 / [52:41] 스타일 / [53:07] 확인

15 홈페이지를 변경해보자

배너변경/메뉴이미지변경/검색창변경/좌우컨텐츠변경/레이아웃변경

50분

책갈피 : [00:00] 컨텐츠부분 / [00:45] 메인파일 수정 / [01:24] 이미지 삽입 / [01:54] index.mail.skin / [02:13] 본문의 구조 / [02:45] 배너 / [03:20] 수정 / [04:01] 메인화면 부분 / [04:33] tr/td / [05:48] 구조확인 / [06:05] 상단에 줄 추가 / [06:31] tr추가 / [06:50] 확인 / [07:03] 이미지추가 / [07:40] 확인 / [08:17] 공백추가 / [08:29] 확인 / [09:09] 검색바부분 / [09:36] 색상변경 / [10:00] 확인 / [10:38] 중앙검색창 / [10:55] 색상변경 / [11:08] 확인 / [11:29] 메뉴바 / [11:46] 이미지삭제 / [12:20] 백그라운드 추가 / [12:26] 확인 / [12:48] 남은부분 수정 / [13:15] 확인 / [13:34] 클래스 색상정의 / [14:21] 확인 / [14:53] 메뉴수정 / [15:31] 클래스 수정 / [15:45] 확인 / [16:04] 인기검색어 / [16:36] 클래스 삭제후 확인 / [17:14] 메인메뉴들 위치이동 / [18:03] index.main.skin / [18:16] 정의된 스타일 확인 / [18:42] 하단부분 삭제 / [19:04] 확인 / [19:32] 치우친 부분 해결 / [19:57] 스타일 수정 / [20:53] align 입력 / [21:14] 확인 / [21:28] 메인내용들 분석 / [22:30] 코드확인 / [23:05] 코드수정 / [24:02] 확인 / [24:44] 공백처리 / [25:10] 소스수정 / [25:23] 확인 / [26:10] 메인부분 레이아웃 정리 / [26:26] 이미지변경 / [26:54] index.main.skin / [27:39] div class / [28:03] 수정후 확인 / [28:32] 이미지변경 / [29:16] 링크변경 / [30:07] 확인 / [31:06] 삭제부분확인 / [31:37] 삭제 후 확인 / [31:56] 레이아웃 변경 / [32:21] outlogin / [32:46] 클래스명 설정 / [33:42] 클래스내용 확인 / [34:01] 수정 / [34:29] 그누보드와의 차이 / [35:20] width값 / [35:29] 확인 / [36:12] 보더값 적용 / [36:22] 확인 / [36:46] 게시판내의 여백 수정 / [37:04] 클래스내용 확인 / [37:55] 수정 후 확인 / [38:46] 로그인 창 수정 / [39:18] outlogin / [39:56] outlogin4 / [40:09] 로그인 전후의 파일 / [40:57] outlogin.skin1 / [41:14] 삭제후 확인 / [41:52] 소스확인 / [43:04] 스타일 확인 / [43:50] title 삭제 / [44:01] 확인 / [44:53] input 확인 / [45:26] 체크박스 버튼 삭제 후 확인 / [46:06] login-title 클래스 확인 / [46:37] login-button / [46:54] login-membership / [47:25] 이미지 수정 / [47:47] 확인 / [48:22] 디자인 레이아웃 / [48:39] 정의된 스타일 확인 / [48:49] width값 수정후 확인

16 홈페이지를 변경해보자Ⅱ

로그인창변경/각 메뉴들 크기변경/관리자모드/그룹관리/게시판생성

54분

책갈피 : [00:00] 로그인창 확인 / [00:30] width값 수정 / [01:04] margin값 수정 / [01:18] 확인 / [01:38] height 값 수정 / [01:55] 확인 / [02:58] 로그인타이틀 / [03:34] 여백수정및 확인 / [04:06] id password 마진값 수정 / [04:32] 확인 / [05:01] width값 수정 / [05:26] 확인 / [05:57] 로그인버튼 이동 / [07:50] height값 수정 / [08:32] 마진값 수정 / [09:01] padding 수정 / [09:46] 로그인멤버십부분 변경 / [10:54] 텍스트변경 / [11:31] strong / [11:58] 마진값 변경 / [12:36] 우측게시판 크기변경 / [12:43] 소스확인 / [13:30] 우측width 계산 / [14:12] 넓이수정 및 확인 / [14:45] 소스확인 / [15:41] 확인 / [16:40] width수정후 확인 / [17:47] 게시판소스확인 / [17:57] width값 입력후 확인 / [18:58] point-info / [19:17] 삭제 후 확인 / [20:07] lib.php / [20:37] 스타일 확인 / [21:00] width변경 후 확인 / [21:52] 상단실선 변경 후 확인 / [22:19] 최근게시물 / [23:14] 소스확인 / [23:31] 마진변경 확인 / [24:18] 텍스트변경 확인 / [25:11] 새로고침 시간 변경 / [26:20] 게시내용 삭제 / [27:02] 스킨변경 / [27:37] 텍스트수정 / [28:50] 확인 / [29:39] rows / [30:11] 변경후 확인 / [30:43] image-count / [31:35] length / [31:42] 수정후 확인 / [33:56] 로그인 / [34:17] 레이아웃 확인 / [34:52] outlogin.skin.2 / [35:41] 소스확인 / [36:28] 스타일 확인 / [37:05] width 변경 / [37:22] margin height 변경 / [37:35] 확인 / [38:25] 쪽지부분 확인 / [39:05] 마진값 변경 / [39:48] 캐쉬마진값 변경 / [40:47] border-buttom solid / [41:18] width 변경 / [42:35] 텍스트부분 width변경 / [43:13] 텍스트변경 / [44:35] strong / [45:18] span / [46:27] a태그 / [47:21] login의 memo와 cash 비교 / [47:47] 변경후 확인 / [48:46] 관리자페이지 / [49:05] 그룹관리 / [49:29] 배추빌더홈페이지 / [50:16] 그룹관리 / [50:37] 중메뉴관리 / [51:55] 게시판만들기 / [52:18] 게시판그룹 생성 / [53:14] 그룹관리

17 홈페이지를 변경해보자Ⅲ

메뉴바의 메뉴변경/그룹관리 코딩작업/메뉴추가/게시판생성/게시판수정/이미지및글꼴변경

52분

책갈피 : [00:00] 게시판관리 / [00:33] 고객센터 / [01:09] 소스확인 / [01:27] 삭제후 확인 / [02:03] 그룹메뉴 / [02:33] 게시판그룹관리 / [02:56] 코딩작업 / [03:22] 소스삭제 / [03:52] 링크설정 / [04:00] 에러확인 / [04:17] 확인 / [04:35] 텍스트입력 / [05:02] 링크확인 / [05:51] 새로운메뉴 생성 / [06:10] 확인 / [06:37] 공백입력 / [07:18] 게시판생성 / [07:30] 게시판그룹생성 / [07:58] 게시판상세설정 / [08:35] 게시판연동 / [08:58] 게시판링크 / [09:13] 확인 / [09:34] 메뉴명변경 / [10:05] 회사소개메뉴 / [10:25] 공백입력 / [10:44] 링크설정 / [11:02] 확인 / [11:50] 질문답변 게시판 수정 / [12:09] board.php / [12:46] 수정부분확인 / [13:59] 소스복사 / [14:44] 소스이동 / [15:01] board-head.php / [15:37] 상단파일경로 삭제 후 확인 / [15:43] 상단이미지경로 삭제 후 확인 / [15:51] 상단내용 삭제 후 확인 / [16:22] 수정 후 확인 / [17:13] css수정 / [18:00] 스타일 입력 / [18:31] 스타일 수정 / [19:26] 로고수정 / [20:09] 소스수정후 확인 / [21:15] 이미지경로 확인 / [21:58] 경로수정 후 확인 / [22:38] 헤더시작 부분 수정 / [23:17] 확인 / [23:37] 로고경로 변경 / [24:19] 상단내용삭제후 확인 / [24:52] 헤드에 마진값 적용 / [25:27] 로고링크설정 / [26:00] 확인 / [26:39] br / [27:27] 테일부분수정 / [28:20] board_tail.php / [28:48] 확인 / [29:08] 소스수정 / [29:59] 오류확인 / [30:01] 오류수정 후 확인 / [30:21] 팝업창 삭제 / [31:10] br / [31:52] 글작성 / [33:01] 공지글작성 / [33:15] new 이미지 / [33:28] 이미지 변경방법 / [33:57] ftp / [34:30] 이미지변경 / [35:04] 이미지변경 소스확인 / [35:30] list.skin.php / [36:07] 소스변경 / [37:11] 클래스 삭제 후 확인 / [37:47] 관리자모드 / [38:19] total 삭제 / [38:50] 이미지 삭제후 확인 / [39:27] 이미지변경 후 확인 / [40:09] 버튼 이미지 변경 / [40:51] 소스확인 / [41:18] 위치확인 / [41:50] 이미지 사용의 주의사항 / [42:28] ftp / [42:58] 소스변경 / [43:20] 확인 / [44:27] 글쓰기 버튼 위치 확인 / [44:55] ftp / [45:00] 이미지변경 후 확인 / [45:41] 텍스트 입력 위치 확인 / [46:29] 텍스트 입력 / [47:51] br / [48:18] 스타일 입력 / [48:53] 색상변경 / [49:43] br / [51:05] 텍스트변경

18 홈페이지를 변경해보자Ⅳ

정렬변경/작성글페이지변경(버튼변경/정렬변경/텍스트입력/메뉴수정/댓글부분수정/글쓰기부분수정/첨부파일)

53분

책갈피 : [00:00] 글쓴이 부분 변경 / [00:37] 확인 / [01:01] 텍스트어라인 / [01:31] 확인 / [02:28] 날짜부분 변경 / [02:59] 조회부분 변경 / [03:35] 작성된 글 부분 변경 / [03:48] view.skin.php / [04:25] div 스타일 / [04:42] 삭제후 확인 / [05:31] 댓글작성 / [06:06] 상단텍스트 추가 / [06:19] 메뉴버튼 이동 / [06:53] 소스확인 / [07:20] 삭제 후 확인 / [08:00] 변경부분 확인 / [08:38] 정렬변경 / [08:48] 확인 / [08:54] 글쓰기부분 변경 / [09:42] 메뉴버튼 위치 변경 / [10:04] align 변경 / [10:53] 이미지변경 / [11:25] 확인 / [11:33] 삭제버튼 이미지 변경 / [11:52] 그외의 버튼 이미지 변경 / [12:23] 확인 / [13:14] 복사 이동 버튼 이미지 변경 / [14:05] 소스위치 확인 / [14:42] 텍스트입력 / [15:03] 스타일 입력 / [15:51] 본문간격 조정 / [16:10] br태그 / [16:56] br태그 수정및 확인 / [17:17] 메뉴버튼 변경 / [17:46] ftp / [18:12] 확인 / [18:37] 아이콘 변경 / [19:15] 확인 / [19:43] ip주소부분 삭제 / [20:10] 아래쪽 메뉴버튼 변경 / [20:42] view_comment / [21:37] 링크버튼 / [22:04] 삭제 후 확인 / [22:26] 링크부분 소스확인 / [23:12] 소스수정 / [23:26] 확인 / [24:03] 스타일부분확인 / [24:31] 소스위치확인 / [24:58] 소스수정 / [25:39] margin-top / [26:22] 소스수정 / [26:50] 확인 / [27:10] 다음글 이미지 변경 / [27:48] 댓글부분 / [28:21] 코멘트부분 작성 / [29:10] 스타일입력 / [29:47] 확인 / [30:26] 이미지 입력 / [30:35] 바만들기 / [31:01] 확인 / [31:20] 코멘트 시작줄 삭제 / [32:00] 정렬 / [32:49] 폰트사이즈 변경 / [33:24] 마진부분 변경 / [34:18] 댓글부분 소스확인 / [34:44] 작성자부분 확인 / [35:15] datetime 삭제 / [35:42] ip부분 삭제 / [36:03] 댓글입력 / [36:13] 코멘트입력부분 / [36:41] 테이블 부분 확인 / [37:20] 색변경후 확인 / [38:10] 로그아웃시의 댓글입력부분 확인 / [38:43] 소스삭제 후 확인 / [39:27] 자동등록방지 / [39:58] 비밀글 체크박스 / [40:51] 이미지변경 / [41:15] 확인 / [41:34] 댓글폼 변경 / [42:03] 삭제 후 확인 / [42:37] 보더값 적용 후 확인 / [42:51] 색상변경 / [43:38] 입력창 부분의 이미지 / [44:10] 이전글 / [44:50] 글쓰기부분 / [45:02] write.skin / [45:15] 텍스트입력 / [45:41] 옵션부분 체크박스 / [46:22] 소스확인 / [47:51] 파일첨부 / [48:16] line-height수정 / [48:45] style.css / [49:13] height 변경 / [50:20] 첨부파일개수 / [51:01] 수정 후 확인

19 홈페이지를 변경해보자V

회사소개메뉴 & 갤러리메뉴(로고와링크/작성글목록/이미지변경/메뉴바/관리자모드/상단텍스트/스타일)

48분

책갈피 : [00:00] 변경된 부분 확인 / [00:23] 회사소개 / [00:40] 수정사항 확인 / [01:06] board.php / [01:22] 파일확인 / [02:11] 소스삭제 후 확인 / [02:31] 링크파일 변경 / [04:11] ftp / [04:34] 링크 수정 후 확인 / [05:08] board2.php / [05:41] 텍스트 입력 후 확인 / [06:45] 소스복사 / [06:56] 확인 / [07:31] 오류확인 / [07:38] 개별페이지 접근불가 부분 삭제 / [08:14] 로고경로수정 / [08:51] 질문답변 게시판 / [09:05] 로고 / [09:57] 로고링크설정 / [10:28] 확인 / [11:13] 로고링크 수정 / [11:35] 본문부분 확인 / [12:11] 이미지 입력 / [12:30] ftp / [13:02] 확인 / [13:30] 텍스트입력 / [13:58] 스타일 입력 / [14:38] 이미지스타일 적용 / [15:14] 스타일추가 / [15:47] 확인 / [16:33] 메뉴바수정 / [17:15] 확인 / [17:34] 소스수정 / [18:18] 메뉴바 위치 수정 / [19:09] 로고부분 스타일 수정 / [19:50] 확인 / [21:01] 링크수정 / [21:32] 회사소개 링크 수정 / [21:44] 확인 / [22:03] 하단부분 확인 / [22:27] board-tail.php / [22:38] 삭제 후 확인 / [23:08] 스타일입력 / [23:56] 주석입력 / [24:12] 확인 / [24:44] 관리자모드 / [24:57] 그룹생성 / [25:52] 메뉴생성 / [26:00] 링크설정 / [26:27] 확인 / [26:57] board에도 추가 / [27:39] 다른화면에서도 메뉴설정 / [28:02] board.head / [28:32] 확인 / [29:22] 메뉴바위치 수정 / [30:34] 글목록 수정 / [31:05] 확인 / [31:32] 스킨설정 / [31:55] 확인 / [32:17] style.common.css / [32:58] 삭제후 확인 / [33:34] list.skin.php / [33:47] 삭제 후 확인 / [34:36] 소스확인 / [34:55] 썸네일 스타일 확인 / [35:52] 체크박스 정렬 수정 / [36:37] div삭제 후 확인 / [37:16] 스타일확인 / [37:40] border입력 후 확인 / [38:01] 텍스트어라인 수정 / [39:22] 버티컬어라인 / [40:41] 보더색상변경 / [41:46] 크기설정 / [42:22] 확인 / [43:16] 스타일 삭제 후 확인 / [43:43] 스타일 확인 / [45:02] height수정 / [45:44] 텍스트 / [46:32] 상단텍스트 작성 / [47:05] 확인

20 그누보드의 모바일버전 편집

로고변경/검색창/메뉴변경/관리자모드/외부로그인/게시판목록

58분

책갈피 : [00:00] 그누보드 / [00:22] 화면확인 / [00:57] 배추빌더모바일 / [01:09] 모바일빌더 / [01:50] 그누보드모바일 / [02:07] 모바일버전으로보기 / [02:25] mobile폴더 / [03:14] head.php / [03:39] 삭제 후 확인 / [04:26] tail.php / [04:55] 로고부분 / [05:21] 삭제 후 확인 / [05:55] 이미지변경 / [06:45] 확인 / [07:14] 크기변경 / [07:42] 검색창 소스확인 / [08:10] 검색어글자개수 / [09:40] 접속자수 / [10:33] ul태그 삭제 후 확인 / [11:27] 새글 / [11:54] 그외의 메뉴 / [12:27] 소스확인 / [13:08] aside / [13:56] 삭제 후 확인 / [14:52] aoutlogin / [15:43] style.css / [15:58] html도구모음 / [16:14] strong태그 삭제 / [16:53] 관리자모드 스타일 / [17:29] width 수정 / [18:21] mobile.css / [19:18] 배경색변경 / [20:05] border 변경 / [20:31] important / [20:51] 수정할부분 확인 / [21:16] 소스확인 / [21:57] width수정 / [22:50] ol-after-hd / [23:09] width 수정 / [23:55] 외부로그인부분 / [24:14] 소스수정 / [24:42] 확인 / [25:13] ul태그 / [25:28] 확인 / [25:56] 스타일 확인 / [26:26] 크기조정 / [26:59] 확인 / [27:38] 메뉴버튼 / [28:00] 정보수정 / [29:01] 로그인 / [29:35] 수정사항 확인 / [30:11] tail.php / [30:17] 삭제후 확인 / [30:55] 인기검색어 방문자수 삭제 / [31:38] 텍스트변경 / [32:22] mobile.css / [32:33] 배경색상변경 / [33:16] copy 부분확인 / [33:52] 색상변경 / [34:40] 텍스트 입력후 확인 / [35:26] aside 부분 수정 / [35:49] 텍스트부분에 복사 / [36:29] 소스삭제 후 확인 / [37:24] 다시 되돌리기 / [37:58] width 수정 / [38:19] 마진입력 / [38:59] 텍스트입력후 위치확인 / [39:21] ftp / [39:34] 이미지입력 / [40:34] 메뉴확인 / [41:06] board 폴더 / [41:34] list.skin.php / [41:53] 삭제 후 확인 / [42:21] 게시판목록 / [43:22] 수정할 부분 확인 / [43:48] 관리자모드 / [44:22] head.php / [44:55] 소스확인 / [45:41] 소스수정 / [45:59] 확인 / [46:19] 헤드부분 삭제 후 확인 / [47:00] 로그인 후 확인 / [47:26] 글목록 변경 / [47:50] index.php / [48:08] 메인화면 최신글 삭제 후 확인 / [48:37] 수정할 사항 확인 / [49:02] 검색창 수정 / [49:33] 스타일 / [50:15] 검색창 확인 / [50:35] 이미지 크기 변경 / [51:16] 스타일 입력 / [51:57] 색상변경 / [52:34] width 변경 / [53:22] height 변경 / [53:55] 필드셋 붙여넣기 / [54:29] 확인 / [55:17] 위치확인 / [55:43] 소스수정 / [56:03] mobile.css / [56:07] 위치소스 삭제 / [56:37] 이미지폴더 / [57:01] skin폴더

샘플확인 : 알지오 검색후 -> 강의검색란 -> 그누보드4s & 배추빌더 & 모바일