햇살에 파고들기좋은 초겨울에는 '햇살 아래 레이어샵' 업데이트 안내 겸 광고에요 ^.^ 햇살 아래 레이어샵 – 워터마크 생성기 (2025-11-04)

햇살에 파고들기좋은 초겨울에는 '햇살 아래 레이어샵' 업데이트 안내 겸 광고에요 ^.^ 햇살 아래 레이어샵 – 워터마크 생성기 (2025-11-04)

 

햇살에 파고들기 좋은 초겨울에는 '햇살 아래 레이어샵' 업데이트 안내 겸 광고에요 ^.^ 어제 잇님들이랑 다람쥐 이모티콘 썼더니 다람쥐가 햇살로 집에 들어왔어요

​

https://uplifestyle.tistory.com/509

햇살 아래 레이어샵

햇살 아래 레이어샵 – 워터마크 생성기 업데이트 (2025-11-04)

안녕하세요. 이번 업데이트는 레이어 편집 안정성과 기본 보정 파이프라인을 강화해, 티스토리 환경에서도 가볍고 안전하게 작동하도록 다듬었습니다.

핵심 변경점 요약

• 레이어 리스트 UI 추가: 각 레이어의 가로/세로 크기 숫자 입력, 위로/아래로 순서 이동, 삭제 버튼 지원.
• 마우스 인터랙션 개선: 캔버스에서 레이어 드래그 이동, 우하단 리사이즈 핸들로 사이즈 조정.
• 보정 슬라이더 9종 탑재: 노출, 대비, 하이라이트, 그림자, 채도, 온도, 색조, 세피아, 선명도(샤프닝).
• 원클릭 자동 레벨: 밝기 분포 기반으로 자동 대비 보정.
• 저장 옵션 확장: PNG/JPEG 저장 버튼 분리, 한 번에 다운로드.
• 초기화 2종: 보정값 모두 재설정, 캔버스/레이어 완전 초기화.
• 대용량·고해상도 안전장치: 파일 크기/해상도 상한과 연산 가드로 브라우저 프리즈 예방.
• 티스토리 임베드 안전성 강화: innerHTML 미사용, 드래그&드롭 시 페이지 이탈 방지, 동일 파일 재업로드 허용.

상세 변경 내역

1) 레이어 편집

• 레이어 리스트 렌더링을 DOM API로 안전 구축(텍스트 노드/요소 조합) → XSS 리스크 축소.
• 레이어별 폭/높이 숫자 입력(상·하한 클램프) → 정밀 크기 조정.
• 위로/아래로 스택 이동 & 삭제 → 순서 제어 간편화.
• 캔버스 내 드래그 이동 / 리사이즈 핸들(우하단 10px) → 직관적 조작.

2) 이미지 보정 파이프라인

• 실시간 슬라이더 9종:
• exposure, contrast, highlights, shadows, saturation, temperature, tint, sepia, sharpness
• 선명도(샤프닝): 3×3 커널 기반, 채널별 클램프로 오버플로 방지.
• 자동 레벨: 광도 최소/최대 측정 후 스케일링(분모 0 보호).
• 보정 순서와 범위 클램프 일원화로 결과 안정화.

3) 파일 입출력/성능

• PNG/JPEG 별도 저장 버튼, toDataURL 실패 예외 처리.
• 업로드 시 MIME/용량/픽셀 제한: 20MB, 2천만 픽셀 초과 차단.
• 동일 파일 재업로드 허용을 위해 파일 입력값 즉시 초기화.
• willReadFrequently: true로 캔버스 읽기 성능 개선.
• 재진입 방지를 위한 그리기 락(drawing flag) 적용.

4) 티스토리/안전성

• 드래그앤드롭 페이지 이탈 방지(dragover/drop preventDefault).
• innerHTML 미사용, 숫자 입력/이벤트 전부 클램프 및 수치 검증.
• 크로스오리진 이슈 회피(로컬 파일 기반), getImageData 예외 가드.
• 저작권·면책 문구 및 단일 파일 임베드 전제 유지.

사용법 간단 가이드

1. 이미지 업로드 → 레이어 리스트에서 크기·순서 조정.
2. 캔버스에서 드래그로 위치 이동, 코너 드래그로 크기 조정.
3. 필요 시 자동 레벨 → 세부 슬라이더로 미세 보정.
4. 완료 후 PNG/JPEG 저장.
5. 초기화가 필요하면 모두 재설정(보정값) 또는 초기화(레이어/캔버스)를 사용.

호환성 및 한계

• 브라우저: 최신 크롬/사파리/엣지 권장.
• 초대형 원본은 안전장치에 의해 로드/처리가 제한될 수 있습니다.
• 인쇄 품질은 장치/용지/프로필에 따라 달라질 수 있습니다(면책 유지).

버전 메모

• 빌드 일자: 2025-11-04 (KST)
• 제품명: 햇살 아래 레이어샵 – 워터마크 생성기 (Tistory 전용 단일 파일)
• 저작권: © 2025 Happycode7. All rights reserved.

​