포트폴리오
이미지 압축 사이트 프로젝트
이미지를 서버로 전송하지 않고 브라우저에서 JPG·PNG·WebP로 압축하는 도구입니다.
- 프로젝트 유형
- 프론트엔드
- 역할
- 기획·프론트엔드 개발·테스트
- 문제
- 업로드한 이미지가 외부 서버로 전송되지 않는 간단하고 안전한 압축 흐름을 구현했습니다.
- 해결
- JPG·PNG·WebP 브라우저 내 압축
제작 목적
업로드한 이미지가 외부 서버로 전송되지 않는 간단하고 안전한 압축 흐름을 구현했습니다.
담당 범위
- 이미지 선택·설정·다운로드의 3단계 흐름 구현
- 압축 설정 저장과 포맷별 처리
- 핵심 동작 테스트 작성과 검증
주요 기능
- JPG·PNG·WebP 브라우저 내 압축
- 3단계 작업 흐름
- localStorage 기반 최근 설정 저장
- 27개 테스트 통과
사용 기술
- JavaScript
- Browser API
- localStorage
구현 화면
