업데이트 내역

Discord 아바타 장식의 모든 업데이트, 새 기능, 개선 사항을 추적하세요.

v1.2.0

버전 1.2.0

🌍 현지화

  • 프랑스어, 스페인어, 독일어, 이탈리아어, 일본어, 한국어, 아랍어 등 7개 언어 추가
  • 모든 지원 언어에 대해 5개 핵심 페이지(아바타, 아바타 장식, FAQ, 변경 이력) 번역
  • 각 언어의 SEO 메타데이터, JSON-LD 구조화 데이터, UI 문구 현지화
  • 현지 검색 의도에 맞춰 번역을 최적화하여 해외 노출도 향상

🧭 RTL(오른쪽에서 왼쪽) 지원

  • 아랍어를 위해 오른쪽에서 왼쪽(RTL) 레이아웃 지원 추가, html의 dir 속성으로 자동 적용
  • 텍스트 정렬과 컴포넌트 흐름을 올바르게 유지하여 아랍어 UI를 정확하게 표시
v1.1.9

버전 1.1.9

⚡ 성능

  • 데스크톱과 모바일 모두에서 세계적인 수준의 Core Web Vitals(LCP 및 CLS) 달성
  • 안정적인 레이아웃, 프리로딩, 폰트 메트릭 오버라이드로 Hero 섹션 최적화
  • DOM 크기를 최적화하고 스타일 계산 시간을 줄이기 위해 무한 스크롤 구현
  • 더 빠른 리소스 로딩을 위해 preconnect 힌트 추가 및 폰트 표시 최적화

✨ UX 개선

  • 몰입형 GeneratingOverlay로 '아바타 저장' 대기 경험 개선
  • 동적 미리보기, 반짝임 효과, 다중 레이어 애니메이션 추가
  • 상황별 상태 업데이트로 지능형 진행률 추적 구현
  • 생성 중 중복 요소를 제거하여 UI 다듬기

🔧 인프라

  • 개인정보 보호 중심의 사용 추적을 위해 Umami 분석 도구 통합
v1.1.8

버전 1.1.8

🌑 테마 적용

  • 네비게이션 바에서 라이트/다크 모드 전환 제거
  • 전체 프로젝트에 단독 다크 모드 강제 적용
  • Navbar 컴포넌트에서 모든 테마 관련 상태 로직 제거

🎨 UI 일관성

  • gradientClass prop을 통한 동적 그라데이션 지원으로 SearchBar 컴포넌트 강화
  • discord_avatar 페이지에서 검색 바와 hero 섹션 일관성 최적화(블루-바이올렛 테마)
  • discord_avatar_decoration 페이지에서 검색 바와 hero 섹션 일관성 최적화(퍼플-핑크 테마)
  • 검색 바 컨테이너에 글래스모피즘 디자인 패턴 적용

🧹 코드 정리

  • global.css에서 사용되지 않는 모든 라이트 모드 테마 변수 삭제

🏷️ 분류 업데이트

  • 아바타 및 장식 갤러리 모두에서 '기타' 카테고리를 완전히 제거하도록 분류 로직 개선
  • 이전에 분류되지 않았던 항목을 세분화된 카테고리(예: 캐릭터 및 마스코트, 감성 및 분위기)로 재분배
  • 더 정확한 자동 분류를 위해 키워드 매칭 확장
  • 중복 방지를 위해 모든 항목에 엄격한 단일 카테고리 할당 보장

🔗 네비게이션

  • 네비게이션 바 로고 영역의 로고와 텍스트 최적화
  • 네비게이션 바의 전체 UI 다듬기
v1.1.7

버전 1.1.7

🎯 미리보기 모달 동작

  • 미리보기 모달 동작 버튼을 Discord 아바타 갤러리와(과) Discord 장식 갤러리에서 더 명확한 레이아웃으로 이동
  • Discord 아바타 갤러리와 Discord 장식 갤러리 전반에 걸쳐 동작 버튼 너비를 w-72로 통일
  • Discord 아바타 갤러리 미리보기에 '이 아바타 사용 → 장식 선택' 추가
  • Discord 장식 갤러리 미리보기에 '이 장식 사용 → 아바타 선택' 추가
  • Discord 아바타 갤러리와 Discord 장식 갤러리 전반에 CTA 아이콘 통일
  • Discord 아바타 갤러리와 Discord 장식 갤러리 미리보기 동작에 '커피 사주기' 버튼 추가
  • Discord 아바타 갤러리에서 '아바타 이름 복사' 버튼 및 관련 코드 제거

🎞️ GIF 생성

  • '애니메이션 GIF 저장'이 이제 두 페이지 모두에서 지연 로드된 FFmpeg를 사용하여 미리보기 창 내에서 직접 생성
  • Discord 아바타 갤러리와 Discord 장식 갤러리에 생성 진행 표시기 및 실패 피드백 추가
  • GIF 생성은 Discord 아바타 갤러리와 Discord 장식 갤러리에서 현재 선택된 장식 오버레이를 따름
  • '정지 이미지 추출' 워크플로와 GIF 프레임 추출기로의 라우팅 통합

🎨 오버레이 및 UX

  • 두 페이지 모두에서 그라데이션 + 약한 블러와 반짝이는 힌트 알약으로 호버 오버레이 강화
  • Discord 아바타 갤러리와 Discord 장식 갤러리에서 모바일 문구 적응: 탭하여 미리보기(모바일), 클릭하여 미리보기(데스크톱)
  • Discord 아바타 갤러리와 Discord 장식 갤러리에서 오버레이 크기와 둥근 모서리를 아바타 컨테이너에 맞춤
  • Discord 아바타 갤러리 미리보기에 기본 장식(treat_ghost) 적용 및 Discord 장식 갤러리에서 페이지 간 장식 전송 지원

🏠 홈페이지

  • 홈페이지에서 'Mask Face with Emoji'를 '원클릭으로 얼굴 가리기'로 이름을 변경하고 홈페이지 아이콘을 /emojiface-192x192.png로 전환
  • 'Discord 아바타 장식 갤러리'를 'Discord 장식 갤러리'로 이름 변경
v1.1.6

버전 1.1.6

🔗 네비게이션 업데이트

  • 'Discuss' 네비게이션 항목을 /other-tools로 연결되는 '기타 도구'로 교체
  • 일관된 네비게이션을 위해 모바일 메뉴 변경 사항 동기화

📱 모바일 메뉴 개선

  • 모바일 메뉴를 오른쪽 정렬된 좁은 플로팅 패널로 변환
  • 메뉴 패널에 페이드인 배경과 슬라이드인 업 애니메이션 추가
  • 반투명 오버레이를 통해 외부 클릭으로 닫기 활성화
  • 시각적 피드백을 위해 패널에 마우스 추적 하이라이트 추가
  • 미묘한 translate-x 움직임으로 메뉴 항목 호버 강화

🛠 기타 도구 페이지

  • 'Mask Face with Emoji'를 'EmojiFace - 원클릭으로 얼굴 가리기'로 업데이트
  • 개인정보 중심 기능으로 설명 새로고침
  • 아이콘 /emojiface-192x192.png로 전환(w-10 h-10 및 rounded-lg)
  • 이모지로 대체되는 tool.icon 렌더링 지원 추가

🖼 홈페이지 업데이트

  • 기본 프로필 미리보기 장식을 treat_ghost로 변경
  • '기타 도구' 링크 아이콘을 lootbox로 업데이트하고 링크 섹션 맨 앞에 배치
v1.1.5

버전 1.1.5

✨ 기능 업데이트

v1.1.4

버전 1.1.4

📝 콘텐츠 업데이트

  • 새 블로그 포스트 추가: '새로운 무료! 30+개의 새로운 무료 Discord 아바타 장식이 갤러리에 추가되었습니다!'
  • The Final Peel, Warframe Clem, Dart Monkey, Infinite Swirl를 포함한 새로운 Discord 아바타 장식 소개
  • 새 장식 기능에 대한 상세 설명으로 블로그 콘텐츠 강화
  • 새 블로그 포스트에 포괄적인 SEO 최적화 추가

🔧 기술 개선

  • 새 블로그 포스트 URL에 대한 클라이언트 측 라우팅 구성 수정
  • src/index.jsx에 /blog/new-free-discord-avatar-decorations에 대한 올바른 라우트 매핑 추가
  • sitemap.xml에 새 블로그 포스트 항목 업데이트
  • 새 블로그 포스트의 소개 장식 이미지로 sitemap-images.xml 강화

🎨 새 장식 쇼케이스

  • 상세 미리보기와 함께 The Final Peel 장식 쇼케이스
  • 게이밍 매니아를 위한 Warframe Clem 장식 소개
  • 독특한 디자인 요소를 갖춘 Dart Monkey 장식 강조
  • 동적 시각 효과를 갖춘 Infinite Swirl 장식 선보임
v1.1.3

버전 1.1.3

📱 모바일 네비게이션 강화

  • 모바일 기기에서 'Discord 아바타 장식' 브랜드 텍스트를 표시하여 모바일 네비게이션 강화
  • 작은 화면에서 브랜드 가시성 및 인지도 향상
  • 최적의 모바일 표시를 위해 글꼴 크기 조정(모바일 text-lg, 데스크톱 text-xl)
  • 깔끔한 모바일 인터페이스를 위해 부제목 가시성은 데스크톱에서만 유지
  • 향상된 브랜드 식별로 모바일 사용자 경험 강화

🎯 사용자 상호작용 개선

  • 아바타 선택 시 프로필 미리보기 영역으로 자동 스크롤 구현
  • 장식 선택 시 프로필 미리보기에 부드러운 스크롤 애니메이션 추가
  • 선택 후 자동으로 미리보기에 포커스하여 사용자 워크플로 강화
  • 미리보기 영역으로 원활한 네비게이션으로 사용자 경험 개선
  • 스크롤 전 DOM 업데이트가 완료되도록 100ms 지연 추가
  • 중앙 블록 위치 지정을 사용하여 부드러운 스크롤 동작 구성

☕ 커피 사주기 통합

  • '커피 사주기' 버튼 글꼴 스타일을 원래 디자인 사양에 맞게 업데이트
  • 일관된 브랜딩을 위해 18px 글꼴 크기로 Cookie 글꼴 패밀리 적용
  • 더 나은 시각적 균형을 위해 이모지 크기를 16px로 조정
  • 노란색 배경(#FFDD00)과 검은색 텍스트 스타일 유지
  • 버튼 스타일이 공식 Buy Me a Coffee 디자인 가이드라인과 일치하도록 보장

🎨 UI/UX 다듬기

  • 애니메이션 GIF 저장, 정지 이미지 추출, 커피 사주기 버튼 전반에 버튼 너비 통일
  • 더 나은 시각적 계층 구조를 위해 동작 버튼 간 세로 간격 개선
  • w-72 너비 표준으로 버튼 레이아웃 일관성 강화
  • 더 나은 시각적 균형을 위해 버튼 컨테이너 간격을 gap-2에서 gap-3로 최적화
  • 더 전문적인 외관을 위해 버튼 스타일 간소화
v1.1.2

버전 1.1.2

🔍 검색 바 개선

  • 더 깔끔한 외관을 위해 검색 상자에서 그라데이션 테두리 배경 효과 제거
  • 원래 색상 구성은 유지하면서 흐릿한 그라데이션 글로우 효과 제거
  • 가독성 향상을 위해 실선 테두리로 검색 상자 스타일 단순화
  • 검색 인터페이스의 시각적 명확성 개선 및 시각적 노이즈 감소
  • 더 나은 사용자 상호작용 피드백을 위해 포커스 및 호버 상태 강화

🎨 UI/UX 향상

  • 더 전문적인 외관을 위해 검색 컴포넌트 디자인 간소화
  • 블러 효과를 제거하면서 핑크, 퍼플, 블루 색상 구성 유지
  • 더 명확한 시각적 경계로 검색 상자 접근성 개선
  • 검색 인터페이스 전반의 전체적인 시각적 일관성 강화

🎞️ GIF 프레임 추출기 개선

  • 일관된 사이트 네비게이션을 위해 GIF 프레임 추출기 페이지에 네비게이션 바(Navbar) 컴포넌트 추가
  • 사이트 전반의 균일한 페이지 구조 유지를 위해 푸터 컴포넌트 통합
  • SEO 메타 키워드를 '무료 애니메이션 GIF 프레임 추출기, GIF 프레임 추출기, GIF 이미지를 프레임으로 분할'로 업데이트
  • 모든 상태에서 네비게이션과 푸터가 올바르게 표시되도록 페이지 구조 재구성
  • 적절한 컴포넌트 통합으로 다른 사이트 페이지와 페이지 일관성 강화

🔗 네비게이션 및 홈페이지 업데이트

  • 전용 GIF 아이콘과 함께 홈페이지 링크 섹션에 'GIF 프레임 추출기' 링크 추가
  • 더 나은 가시성을 위해 GIF 프레임 추출기 링크를 링크 섹션의 첫 번째 항목으로 배치
  • 다른 홈페이지 링크와 일치하는 일관된 스타일 및 호버 효과 구현
  • 홈페이지에서 GIF 추출 도구로 직접 액세스 제공으로 사이트 네비게이션 강화
  • GIF 프레임 추출기 기능의 사용자 발견성 개선
v1.1.1

버전 1.1.1

📄 새 페이지

  • 회사 정보와 미션 스테이트먼트가 포함된 포괄적인 소개 페이지 추가
  • 완전한 쿠키 사용 정보가 포함된 상세 쿠키 정책 페이지 생성
  • 다양한 지원 채널과 응답 시간이 있는 고객 지원 문의 페이지 구현
  • 모든 새 페이지는 일관된 디자인 언어와 SEO 최적화를 갖추고 있음

🎨 푸터 개선

  • 더 나은 균형을 위해 푸터 레이아웃을 3열에서 4열 그리드로 재구성
  • 기존 섹션과 함께 푸터에 새로운 '소개' 섹션 생성
  • '소개' 및 '고객 지원 문의' 링크를 '법적 고지'에서 새 '소개' 섹션으로 이동
  • 푸터 시각적 계층 구조 및 링크 구성 개선
  • 더 나은 모바일 경험을 위한 반응형 디자인 강화

🔗 네비게이션 및 라우팅

  • 모든 새 페이지에 대한 올바른 라우팅 구성 추가
  • 더 나은 SEO를 위해 새 페이지를 포함하도록 프리렌더 라우트 업데이트
  • 새로 생성된 페이지의 404 오류 수정
  • 모든 푸터 링크가 제대로 작동하도록 보장

🎯 사용자 경험

  • 명확한 법적 및 지원 정보로 사이트 네비게이션 개선
  • 상세한 쿠키 및 개인정보 정보로 투명성 강화
  • 전용 문의 페이지로 지원 프로세스 간소화
  • 더 쉬운 정보 발견을 위해 더 잘 정리된 푸터 섹션
v1.1.0

버전 1.1.0

🎨 시각적 향상

  • 후기 섹션의 배경 그라데이션 시스템 완전 재설계
  • 심우주 미학을 갖춘 다중 레이어 코스믹 그라데이션 추가
  • 따뜻하고 차가운 톤 전환이 있는 동적 색상 오버레이 구현
  • 방사형 그라데이션 스포트라이트로 중앙 포커스 효과 강화
  • 미묘한 기하학적 패턴이 있는 애니메이션 그리드 배경 추가
  • 향상된 시각적 깊이를 위한 반짝이는 별 효과 도입

✨ 동적 효과

  • 다중 광원이 있는 동적 빛 효과 시스템 재설계
  • 부드러운 전환이 있는 흐르는 빛 애니메이션 추가
  • 향상된 분위기를 위한 파티클 빛 효과 구현
  • 다양한 강도의 새로운 애니메이션 빛 요소 생성
  • 서로 다른 섹션 간 부드러운 그라데이션 전환 추가
  • 개선된 조명 분포로 시각적 포커스 강화

🎭 아바타 시스템

  • 새로운 화려한 디자인으로 사용자 후기 아바타 업데이트
  • 밝고 활기찬 테마의 Yellow 아바타 추가
  • 클래식하고 열정적인 디자인의 Red 아바타 추가
  • 동적 무지개 효과가 있는 Color Wave 아바타 추가
  • 눈부신 빛 굴절이 있는 Prismatic Waves 아바타 추가
  • 신비로운 다크 우아함을 갖춘 Midnight Prism 아바타 추가
  • 부드럽고 온화한 색상 팔레트의 Pastel 아바타 추가

🚀 성능 개선

  • 더 나은 성능을 위해 배경 렌더링 최적화
  • 중복된 그라데이션 전환 코드 제거
  • 더 부드러운 애니메이션을 위해 동적 빛 효과 간소화
  • 코드 구조 및 유지보수성 개선
  • 서로 다른 컴포넌트 간 시각적 일관성 강화

🎯 사용자 경험

  • 후기 섹션의 시각적 계층 구조 강화
  • 더 나은 대비율로 가독성 개선
  • 사용자 유지율을 위한 더 매력적인 시각적 요소 추가
  • 더 몰입감 있고 현대적인 디자인 미학 창조
  • 전반적인 시각적 매력 및 전문적인 외관 개선

더 많은 업데이트 예정

저희는 항상 새 기능과 개선 사항을 작업하고 있습니다. 더 흥미로운 업데이트를 기대해주세요!