로그인정보 입력 영역

아이디

비밀번호

• 2023학년도 상반기 전자책 多대출대회 안내
• 전자책 장기대출 프로그램 안내
• 전자책도서관 리뉴얼 안내

• 홈
• 전자책

책소개

사진은 정보, 의미를 전달하는 주요한 수단이며, 편리를 더한 디지털 사진은 촬영일, 촬영위치(GPS), EXIF(IPTC), 촬영정보(카메라 모델, ISO, 초점거리, 셔터스피드 등) 등의 메타 데이터를 포함합니다. 이런 메타 데이터를 각 데이터로 분리하면 새로운 데이터베이스를 구축할 수 있습니다.

디지털 사진 파일과 사진의 메타 데이터를 새로운 필드 데이터나 분류(taxonomy) 데이터로 쉽게 전환하여 처리할 수 있는 웹소프트웨어는 워드프레스가 대표적입니다. 세부 방법의 완성 예제가 있어 실제 경험한다면 그 효율을 체감할 수 있습니다.

* 완성 예제 미리보기 - http://8th.wpu.kr

[주제]

이 책은 이미지 업로드 권한이 있는 특정 그룹(Role)의 회원이 사진(이미지)을 업로드하면, 그 사진이 하나의 포스트가 되어 사진에 관한 정보(메타 데이터)를 회원과 비회원 모두 열람할 수 있고, 회원(로그인)은 특정 사진 크기를 선택하여 무료로 다운로드하는 서비스 제공의 '워드프레스 무료 이미지 저장소' 웹사이트 구성 과정을 담고 있으며, 완전한 가상 웹사이트를 구성합니다.

[주요내용]

워드프레스에서 첨부형식이 아닌 직접 사진(이미지)을 업로드할 때 사진의 메타 데이터를 자동으로 특정 분류나 커스텀 필드 데이터로 저장되도록 정의하여 등록의 편리를 도모합니다. 다시 저장된 데이터 중 촬영위치(GPS)는 클러스터 지도를 활용하여 마커로 표시하고, 싱글 이미지 포스트 페이지에 한 장의 사진을 크기별로 분리하여 출력한 후 워드프레스 방식의 폼으로 구성하여 로그인 회원이 다운로드할 수 있도록 정의합니다.

또, 사이트에 등록된 모든 이미지의 분류, 커스텀 필드, 키워드 조건에 따른 커스텀 검색 기능을 구성하여 워드프레스 검색에 관하여 경험하며, WP REST API 사용으로 사진 '더보기(Ajax Load More)' 및 댓글 더보기를 구현하므로 워드프레스와 다른 시스템의 데이터 교환에 관하여 구상할 수도 있습니다.

- attachment 포스트 타입 사용
- 워드프레스 템플릿 시스템
- 사진(이미지)의 메타 데이터 처리
- 워드프레스 방식을 폼 데이터 처리 및 파일 다운로드
- 워드프레스 쿼리 (WP_Query, WP_Term_Query, wpdb)
- 옵션 페이지 구성 - 대시보드 위젯과 코멘트(댓글) 폼
- 캐시 데이터 (Transient API)
- 역할 그룹과 권한 (Roles & Capabilities)
- WP REST API - 커스텀 엔드포인트의 클러스트 지도 마커
- 워드프레스 내장 자바스크립트 템플릿

사진의 메타 데이터(EXIF)를 미리 편집한 대량 또는 낱개의 사진을 업로드할 때 그것(업로드)만으로 워드프레스의 포스트(attachment post type) 등록이 완료되도록 정의하므로 사진 관리와 사진 콘텐츠 중심의 웹사이트 구성에 효과적입니다.

그러나, 책 예제는 사진 중심 웹사이트를 만드는 데 목적을 두는 게 아니라 워드프레스 attachment 포스트 타입과 그 타입 콘텐츠의 하나인 Image 콘텐츠를 다루는 것에 초점을 두고, 독자의 사이트 구성 활용에 작은 아이디어를 제공하는 것을 목표로 합니다.

[참고사항]

* 이 책의 예제는 연재형식의 포스트로 사이트(https://r.wpu.kr/w8/ex08)에서 완성하여 제공하고 있습니다. 책과 사이트 포스트는 열람 및 예제 구성의 편리에 차이가 있으므로 선택사항입니다.

* 코드 편집기 사용에 관한 최소한의 지식이 있어야 예제 구성의 어려움을 줄일 수 있습니다.

목차

고품격 고품질 워드프레스 무료 사진 저장소
001. 예제 구성 환경과 파일
002. XAMPP, 워드프레스, 테마, 플러그인 설치와 설정
003. 테마 Pics Press
004. page 포스트 타입과 페이지 템플릿, 메뉴 구성
005. 워드프레스 핵심 용어 짚기
006. 워드프레스 포스트 타입 attachment
007. 워드프레스 이미지 사이즈
008. 이미지 사이즈 추가 및 변경
010. 타입 attachment 템플릿과 image.php
011. 워드프레스 이미지 메타 데이터
012. GPS 데이터를 워드프레스 메타 데이터로 저장
013. 이미지 메타 데이터를 포스트 메타 데이터에 추가
014. Attachment 타입을 위한 커스텀 분류 등록
015. 이미지 메타 데이터를 분류와 필드 데이터에 저장
016. 이미지를 편집할 때 포스트 데이터와 메타 데이터 업데이트
017. 워드프레스 미디어 파일 업로드
018. 워드프레스 싱글 이미지 포스트 페이지
019. 워드프레스 아바타와 Author Archives
020. 워드프레스 이미지 사이즈별 데이터 출력
021. 폼 요소로 원하는 이미지 사이즈 다운로드
022. 워드프레스 텍스트 단락 및 줄 바꿈, wpautop
023. 사진의 EXIF 데이터 출력
024. 구글 지도에 표시하는 사진 촬영 위치
025. 워드프레스 attachment 포스트 타입의 아카이브
026. 워드프레스 함수로 자바스크립트 변수 데이터 생성
027. 워드프레스 커스텀 검색 ? 쿼리 변수
028. 워드프레스 커스텀 검색 ? 검색 폼과 쿼리 데이터
029. 커스텀 포스트 타입 ‘pic_album’
030. 커스텀 포스트 타입의 싱글 페이지
031. 워드프레스 WP_Query
032. 커스텀 쿼리, 페이지 템플릿, 포스트 아카이브
033. 분류 기준의 관련 포스트 커스텀 쿼리
034. wpdb 클래스로 구글 지도에 마커와 섬네일 표시
035. 분류 데이터 쿼리 클래스, WP_Term_Query
036. 워드프레스 템플릿 태그
037. 옵션 페이지, 옵션 필드
038. 사이트 프런트 페이지
039. 사이트 메뉴 및 포스트 페이지 링크
040. 워드프레스 Transient API
041. 분류의 term 데이터를 캐시 데이터로 생성
042. 워드프레스 역할 그룹과 권한으로 구성 요소 제어
043. 워드프레스 코멘트 폼 수정
044. 워드프레스 대시보드 위젯 추가
045. 워드프레스 REST API
046. WP REST API 응답에 커스텀 필드 추가
047. WP REST API 커스텀 라우트 및 엔드포인트
048. WP REST API 커스텀 엔드포인트로 구글 클러스터 지도 마커와 인포 윈도 표시
049. WP REST API, Underscore.js 자바스크립트 템플릿, 포스트 Ajax Load More
050. WP REST API, Underscore.js 자바스크립트 템플릿, 코멘트 Ajax Load More
051. WP REST API 인증과 제한 및 제어
052. 정리
마치며
주

한줄 서평