xpressengine/xe-tutorial

Tutorial of Xpressengine

XE 튜토리얼

Tutorial of XpressEngine

목차

개발자 매뉴얼

1. XE core 이해하기

• 개요
• XE 라이프사이클

2. XE 개발 예제

• 모듈
  • config/info.xml 작성
  • 액션 작성
  • Action forward 작성
  • 트리거 사용
  • 룰셋 사용
  • 폼 필터 사용
  • DB 쿼리 정의
• 애드온
  • 애드온 호출 시점
    • before_module_init
    • before_module_proc
    • after_module_proc
    • before_display_content
  • 애드온 호출 시 전달되는 변수
  • 애드온 파일 작성
  • XE XML 쿼리 사용법
  • 애드온 생성 시 고려 사항
• 위젯
  • config/info.xml 작성
  • 위젯 클래스 개발
  • 확장 변수 사용

3. DB 연동

• 테이블 생성하기
• 테이블 변경하기
• XML 쿼리 기본
• SELECT 쿼리 - 기본
• SELECT 쿼리 - GROUP BY절
• SELECT 쿼리 - WHERE절
• SELECT 쿼리 - ORDER BY절
• SELECT 쿼리 - JOIN절
• SELECT 쿼리 - 서브쿼리
• INSERT 쿼리
• UPDATE 쿼리
• DELETE 쿼리
• XML 쿼리 실행하기

4. 폼 사용

• 폼 뷰 생성
• XML 룰셋 파일과 컨트롤러 액션 추가
• 인사 메시지 출력

5. API 레퍼런스

스킨 제작 매뉴얼

1. XE 스킨 제작 개요

• XE 스킨이란
• XE 스킨 제작에 필요한 요소
  • HTML(Hyper Text Markup Language)
  • CSS(Cascading Style Sheet)
  • 자바스크립트와 jQuery 라이브러리
  • XE 템플릿 문법

2. XE 스킨 제작의 기초

• HTML의 이해
  • 요소와 속성, 값
  • HTML의 시작과 끝
  • 부모 요소와 자식 요소
  • 인라인 요소와 블록 요소
• CSS의 이해
  • 선택자와 속성, 값
  • CSS 선택자의 종류
• 자바스크립트와 jQuery 라이브러리 사용
  • jQuery 라이브러리 포함
  • XE 템플릿 문법으로 자바스크립트 선언
  • 표준 문법으로 자바스크립트 선언
  • HTML 해석 이후 jQuery 실행
  • jQuery의 동작 방식 실습
• XE 템플릿 문법
  • 변수
  • XE core 변수
  • 조건문
  • 반복문
  • 간단한 PHP문 사용
  • include문
  • CSS 파일 참조
  • JS 파일 참조
  • XML JS 필터 적용
  • 위젯 삽입하기
  • XE 블럭 템플릿 문법

3. 레이아웃 스킨 만들기

• 레이아웃 스킨이란
• 레이아웃 스킨의 위치와 디렉터리 구조
  • 레이아웃 스킨의 위치 확인
  • 레이아웃 스킨 디렉터리 구조
• 레이아웃 스킨 정보 작성
• 레이아웃 생성
  • 사용자 정의 레이아웃 확인
  • 레이아웃 사본 생성
• 레이아웃 스킨 작성
  • 레이아웃 스킨의 문서 구조
  • {$content} 변수로 본문 출력
  • 글로벌 메뉴 출력
  • 로컬 메뉴 출력
  • 통합검색 양식 출력
  • 로그인 양식 출력
• 사이트맵 작성
• 레이아웃에 사이트맵 연결
• 페이지 모듈에 레이아웃 연결
  • 페이지 생성
  • 페이지 확인
  • 페이지 수정

4. 게시판 스킨 만들기

• 게시판 스킨이란
• 게시판 모듈 설치
  • 쉬운 설치
  • 소스 파일 업로드
• 게시판 스킨의 위치와 필수 파일
  • 게시판 스킨의 위치 확인
  • 게시판 스킨 필수 파일
• 게시판 스킨 정보 작성
• 게시판 생성 및 스킨 적용
• 게시판 헤더/푸터 작성
  • 헤더 작성
  • 푸터 작성
• 목록 페이지 작성
  • _header.html, _footer.html 포함(include)
  • 게시물이 없을 때 메시지 출력
  • 게시물 목록을 표로 작성
  • 게시물 목록 헤더 출력
  • 게시물 목록 출력
  • 페이지 번호 링크 출력
  • 쓰기 버튼 출력
  • 게시판 검색 입력 양식 출력
  • 게시판 목록 화면 출력 결과 확인
• 쓰기 페이지 작성
  • _header.html, _footer.html 포함(include)
  • 쓰기 화면의 HTML 구조
  • 쓰기 양식 작성
  • 제목 입력 창 작성
  • 내용 입력 창(편집 창) 작성
  • 글쓴이 정보 입력 창 작성
  • 등록 버튼 출력
  • 쓰기 페이지 출력 결과 확인
• 읽기 페이지 작성
  • list.html에 _read.html 포함(include)
  • 읽기 페이지 구조
  • 제목, 글쓴이 출력
  • 조회수, 추천 수, 날짜 출력
  • 게시물 본문 출력
  • 첨부 파일 출력
  • 목록, 수정, 삭제 버튼 출력
  • 엮인글 목록, 댓글 목록 포함(include)
  • 게시물에 대한 댓글 입력 양식 출력
• 엮인글/댓글 관련 페이지 작성
  • 엮인글 목록 작성
  • 댓글 목록 작성
  • 댓글의 댓글 쓰기 및 댓글 수정 페이지 작성
• 삭제 페이지 작성
  • 게시물 삭제 페이지 작성
  • 댓글 삭제 페이지 작성
  • 엮인글 삭제 페이지 작성
• 권한 안내 페이지 작성
• 비밀번호 입력 페이지 작성