日本語에서 번역 • 원문 보기 [caption id="attachment_270" align="aligncenter"]
이미지 파일 관리 도구 [/caption]
한 전자상거래 사이트의 고객으로부터 "전자상거래 사이트에 제품 이미지를 등록하기 전에 워크플로우 규칙에 따라 캡처된 이미지 파일의 이름을 대량으로 변경하고 싶다"는 요청을 받아, 이미지 업로더가 포함된 파일 관리 도구를 개발했습니다. 전자상거래 사이트에서 사용하는 제품 이미지 명명 규칙은 전자상거래마다 약간씩 다르기 때문에, 결국 클라이언트 전용 도구가 되었습니다. 그럼에도 불구하고, 파일 업로더나 이름 변경 처리 같은 핵심 처리 기능은 일반화되면 전환되고 확장될 것으로 예상되므로, 가능한 한 범용 도구로 개발했습니다.
"DEVLAβ"에서 도입된 도구는 일반 버전의 데모 버전이며(파일 업로드나 파일 이름 변경 같은 기능은 데모 버전에서는 제공되지 않으므로 오류가 발생한다).
핵심 기능은 WordPress 3.3에서 채택한 드래그 앤 드롭 파일 업로더 "Plupload"를 채택하고, 업로더 외의 파일 관리 로직을 추가하는 것입니다.
구현 기능에는 다음과 같은 기능이 포함됩니다:
- HTML5를 지원하는 브라우저는 드래그 앤 드롭(Plupload 기능)으로 이미지 파일을 업로드할 수 있습니다.
- 설치 시 큰 파일을 업로드할 수 있는 청크 기능(Plupload 기능).
- 업로드 시 동시에 크기 조절도 가능합니다(Pl업로드 기능).
- 파일 업로드 처리의 로그 출력 (Plupload의 확장 기능).
- 업로드된 이미지를 확인하면서 파일 이름을 개별적으로 또는 대량으로 변경할 수 있습니다.
- 파일 이름에서 제품 번호를 추론하고 이름 변경 패턴을 가정할 경우 자동으로 기본값으로 설정할 수 있습니다.
- 이미지를 선택하고 그룹화할 수 있으며, 그룹화된 이미지 파일을 추출하여 별도의 폴더로 내보낼 수 있습니다.
고객에게 제공하는 방법은 "XAMPP + 이 도구" 세트를 설치하고 패키징한 뒤 전달하는 것이었습니다.
클라이언트로부터 확장 기능("크기 조절" 등)에 대한 요청이 없었기 때문에 그 이후로 도구를 확장하지는 않았지만, 언젠가는 워드프레스 플러그인 같은 범용 파일 관리자로 발전시키고 싶습니다.
참고로, 전자상거래에서는 제품 측정, 사진 촬영, 입문서 작성 등 창고 측 작업을 '사사게(Sa-Sa-ge)'라고 부르는데, 이는 '측정, 사진, 원고'의 약어에서 따온 것입니다. 이 도구는 전자상거래 시스템에 제품을 등록하는 과정의 마지막 단계에서 사용되었습니다. 따라서 내부적으로는 '사사지 도구(Sasage Tool)'라고 불렸습니다.
사용 코드: HTML5, Plupload(JS 라이브러리), JavaScript, jQuery, PHP