원
원티드
April 1, 20241회
HEIC 파일 포맷 지원을 통한 사용자 경험 향상 시키기
간단 소개
HEIC 파일 포맷 지원을 통해 사용자 경험을 향상시키는 방법과 실제 구현 사례를 소개합니다.
AI Summary
- HEIC/HEIF 포맷 소개 및 문제점
- HEIC는 Apple의 고효율 이미지 컨테이너 포맷으로, iPhone에서 흔히 사용됨.
- 원티드 소셜에서 사용자가 업로드한 이미지의 확장자가 jpg이지만 실제 타입이 image/heic인 문제 발생.
- 기존 시스템은 image/jpeg와 image/png만 지원하여 오류 발생.
- HEIC 파일 감지 및 변환
- 파일 시그니처(매직 넘버)를 이용하여 파일 타입을 정확히 감지하는 방법 제시.
- JavaScript를 사용하여 HEIC 파일 시그니처를 감지하는 코드 예시 제공.
- heic2Any 라이브러리를 사용하여 HEIC 파일을 JPEG로 변환하는 방법 소개.
- 결론 및 사용자 경험 개선
- 파일 확장자만으로 파일 타입을 판단하는 것은 위험하며, 파일 시그니처 검사가 필요함.
- HEIC 포맷 지원을 통해 사용자 경험을 향상시킬 수 있으며, 다른 플랫폼(Jira, Confluence, Slack)의 HEIC 지원 사례 참고.
Next Feeds

2024 BOOSTERS TECH 팀 빌딩과정
부스터스 Tech 팀 빌딩 과정과 주니어 개발자 중심의 성장 전략, 그리고 팀의 미래 비전을 담고 있습니다.
Tech팀팀빌딩주니어 개발자자동화데이터
2024. 4. 1.
부스터스

AWS re:Invent 2023 방문기
올리브영 개발자의 AWS re:Invent 2023 참관 후기: Amazon Q, 서버리스 아키텍처 실습, DataDog 미팅 등 다양한 경험 공유.
AWS re:InventAmazon Q서버리스DataDog클라우드
2024. 3. 29.
올리브영
API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 1편
카카오페이 FE 개발자가 라이브러리 없이 수학, 물리를 이용해 웹 애니메이션을 구현한 경험과 그 이유, 핵심 기법을 소개합니다.
웹 애니메이션인터랙티브선형 보간법베지어 곡선뉴턴 운동 법칙
2024. 3. 29.
카카오페이

Backend , Frontend 공통 IDL 적용
프론트엔드와 백엔드의 협업 효율성을 높이기 위해 IDL을 도입하고 TypeScript 타입을 공유하여 얻은 효과와 구체적인 적용 방법을 설명한다.
IDLTypeScript프론트엔드백엔드협업
2024. 3. 26.
비브로스

선물하기 UX 개선
CJ온스타일 선물하기 UX 개선 프로젝트: 사용자 경험 개선을 위한 다건 주문, 정보 최소화, 선물함 기능 추가 등 주요 변경 사항 및 개발 비하인드 스토리.
UX 개선선물하기CJ온스타일사용자 경험UI 디자인
2024. 3. 25.
CJ온스타일
Vue3, Composition API와 Pinia를 이용한 상태관리 (2)
Vue3, Composition API, Pinia를 이용한 인재풀 서비스 상태 관리 적용 결과와 팀원들의 소감을 공유하고 개선 방향을 제시합니다.
Vue3Composition APIPinia상태 관리인재풀
2024. 3. 25.
사람인