RX/XE 기능개발 내역
RX/XE 기능개발 내역
의뢰 전에 실제 구현가부가 걱정되시는 경우
또는 XE로 이런게 구현가능한지 의구심이 드는 경우들을 위해
실제로 XE 기반으로 제작한 기능들을 간단히 소개합니다.

단, 기재한 모든 기능들은 전부 의뢰자들의 요청에 의해 제작된 유료자료들입니다.
( 타사이트들처럼 템플렛형태로 다량 판매 자료로 만들어진 자료들이 아닙니다. )

따라서 가격대가 저가는 아님을 미리 알려드립니다. ( 기존 의뢰자와의 형평성을 감안해 비용측정됩니다)
구매 및 제작 원하시면 XE 제작의뢰 게시판에 글을 남겨주시면 됩니다.

[썸네일 확장 (sejin7940_thumb)] 첨부파일 중 원하는 순번의 파일을 썸네일로 생성하고 출력시키는 확장 기능 구현

sejin7940 조회:268 2017.05.03 16:36

기존의 sejin7940_thumb 애드온은 ( 유튜브/비메오 자동 섬네일 추출 애드온 )  sejin7940_movie_thumb 으로 이름을 바꾸고

썸네일 확장 기능 모듈인 sejin7940_thumb 을 새로 만들었다

 

이를 만들게 된 이유는..  썸네일 생성 관련된 XE 내의 한계를 극복하기 위해서이다.

 

XE 는 document 모듈과 comment 모듈 모두 썸네일을 추출하는 함수가 있다

썸네일 추출 함수는 단순히 추출하는 것 뿐만 아니라, 썸네일이 없을 경우 썸네일을 생성한 후 주소를 바로 반환해준다

썸네일로 선택한 이미지 (cover_image) 기능을 사용 안 한 경우 첫번째 이미지를 썸네일로 만들어준다

 

썸네일이라는 건 사이트 속도 부분에서 굉장히 중요한 요소이다

특히 PC 가 아니라 모바일 환경에서는 굉장히 중요한 문제가 된다.

 

물론 갤러리라든지 웹진형의 경우 일반적으로는 썸네일을 추출해도 어차피 하나만 출력하기에 문제가 없지만

만약 2개 이상의 썸네일을 추출하고 싶은 경우는....  굉장히 큰 문제가 발생하게 된다.

글 ( 또는 댓글 )당  하나의 파일(또는 이미지)에 대한 썸네일만 생성하게 되어있다보니

여러개를 표현하려면 불가피하게  파일목록 전체를 추출한 뒤, 원본이미지를 작게 줄여서 출력할 수 밖에 없게 된다

첨부한 원본 이미지가 작다면야 문제가 없지만, 이미지가 크다면... 

이미지를 여러개 출력시키는 목록 등에서는 속도나 트래픽에서 치명적인 단점이 생기게 된다

 

결국, 필요한 경우 첨부파일들을 첨부 썸네일화해서 추출할 수 있는 기능이 필요하다

따라서 별도의 썸네일 추출함수를 만들어서

썸네일을 바로바로 생성해서, 그 생성한 작은 크기의 썸네일을 출력시키는 함수를 새로 만들었다

 

개발하면서 점점 기능적으로 답답했던 부분들을 보완하기 위해서

첨부된 파일중 원하는 순서의 파일을 썸네일로 만드는 함수로까지 확장을 했다

 

즉, 무조건 첫번째 이미지 / 또는 cover 선택한 이미지가 아니라

첨부파일 중 세번째 첨부파일을  썸네일화해서 썸네일 추출하는 기능 형태로 구현이 된다

 

 

예를들면  첨부파일을 아래처럼 1,2,3,4 순서로 했어도

 

thumb1.jpg

 

 

함수 사용에 따라 아래처럼 원하는 위치에  2,1,4,3  형태로 출력이 가능하다

( 당연히  세번째 이미지만 출력시킬 수 도 있고.. 다 가능하다 )

그리고 원본파일이 아니라 썸네일이다 (  13KB 이다 . 원본은 762KB 이고 )

 

thumb2.jpg

 

 

 

썸네일이 추출되는거기에 클릭시 확대해도 당연히 썸네일만 나와 확대 의미가 없지만

확대기능이야 view 에서 사용하는 거고,  list 에서는 썸네일 추출만 원하기에

( 아니면 썸네일 추출자체를 크게 한 뒤,  추출한 썸네일을 img 태그에 넣을때 크기를 강제조정하면  이 부분도 해결가능하다 )

 

원하는 파일을 썸네일화하고,  원하는 썸네일을 원하는 위치에 추출할 수 있는 함수를 만든거기에

일단 이 기본만으로도 여러 확장성이 있다

 

( 당연히 첨부파일 외에, 본문에 추가된 이미지 태그 들도 순서대로  추출해 썸네일화할 수도 있다 )

 

 

목록
전체 1684건
번호 카테고리 제목 등록일
1604 에디터 파일 버튼 제어
(sejin7940_editor_file) 		게시글 수정시 '선택삭제' 버튼 제한 기능 추가 - 삭제 버튼 숨김 또는 경고 메세지 출력 2023.05.14
1603 지도 좌표
( sejin7940_maplatlng ) 		현재 보는 글의 위치정보 기반으로 가까운 글이 목록화 되는 기능 구현 2023.04.08
1602 그 외 기능 개발 [resize_image] 반응형 기반의 모바일 화면에서 이미지 클릭시 새창으로 나오도록 개선 2023.03.21
1601 그룹 기간 관리
(sejin7940_group) 		특정 그룹에 속하는 경우 할인가 적용 가능한 기능 추가 - 우수회원 또 재구매 등을 대비해 2023.03.16
1600 익명 쪽지
(sejin7940_anonymous_message) 		일반 공개 쪽지와, 익명 쪽지를 혼용해서 같이 쓸 수 있도록 개선 file 2023.03.06
1599 익명 쪽지
(sejin7940_anonymous_message) 		익명 기능을 사용하는 게시판에서 익명 쪽지 발송 file 2023.03.06
1598 강의영상
( sejin7940_cam ) 		수강완료 기능 및 수간내역 관리 및 출석부 기능 지원 file 2023.03.06
1597 강의영상
( sejin7940_cam ) 		유튜브 기반 강의 플레이어 - 재생 시간 기록 / 이어보기 / 넘겨보기 제한 등 file 2023.03.06
1596 본인인증
(sejin7940_auth) 		인증 내역 없는 부정 회원 목록 출력 / 중복 인증 회원 내역 출력 기능 구현 2023.02.28
1595 그 외 기능 개발 [trash] 손님이 글/댓글 삭제시에도 휴지통으로 이동되게 수정 2023.02.23
1594 댓글 알림
(notification) 		[notification] 손님 게시판 대비해 '글작성자에게 발송하는 경우' 를 보다 세분화해서 설정 가능하게 확장 2023.02.22
1593 sejin7940_import
(일괄입력) 		회원 일괄 입력시 최신 비밀번호 알고리즘도 허용. 기본 그룹 자동 지정 구현 2023.02.18
1592 댓글채택-지식인
( sejin7940_kin ) 		게시판별 설정 분리 / 채택 후에도 게시글 삭제 가능한 설정 추가 / 채택포인트 회수 기능 추가 2023.01.02
1591 글/댓글 수정 제한
(sejin7940_limit_modify) 		글/댓글 수정 기간 제한 기능 - 게시판 별로 별도 설정 가능 2022.12.22
1590 제목 자동 생성
(sejin7940_auto_title) 		작성한 사용자정의들을 자동 조합하여 제목을 자동으로 생성해주는 애드온 2022.12.17
1589 첨부파일
(sejin7940_input) 		게시글에 대해 유저들이 글과 별도의 파일 업로드 기능 / 상담형 업로드 기능 / 업로드시 포인트 부여 기능 등 2022.12.10
1588 cURL
( sejin7940_curl ) 		외부 게시판 목록(글) 이나 회원목록(회원정보) 를 API 로 DB 를 받아 게시판 스킨으로 구현하는 기능 구현 2022.12.08
1587 탈퇴 약관
( sejin7940_leave_message ) 		탈퇴시, 탈퇴약관 출력 및 동의 기능 구현 2022.12.02
1586 그 외 기능 개발 [스팸필터] 스팸키워드 목록에 정렬 기능 추가 / IPv6 형태의 IP주소 기록 기능 2022.12.01
1585 그 외 기능 개발 [seo] Google 애널리틱스 4 ( GA4 ) 버전 지원 2022.12.01
카테고리
XE Login