변경 로그

Sep 14, 2026

⚡ Copy performance

• Copied buttons and inputs keep more of their interactive styles
• Line-height and letter-spacing match the source a bit closer
• Copy pipeline less likely to stall on heavy sites

Jun 14, 2026

🚀 Speed and stability

• Incremental wins in the rewritten extraction path
• Copy works more often on messy, heavily scripted pages
• Support tickets from May triaged and closed

May 14, 2026

🚀 WordPress and export

• Gutenberg export styling on more themes
• Studio link sharing from saved components is more dependable
• Full-page copy option selection is more predictable

Mar 14, 2026

🚀 Output cleanup

• Smaller CSS payloads after optimization
• Fewer unused properties in Tailwind output
• SVG currentColor handling on more elements

Feb 14, 2026

⚡ Layout handling

• Improved absolute and relative position capture
• Better iframe style passthrough
• Grid and table conversion tweaks

Oct 14, 2025

🚀 Conversion accuracy

• Wider Tailwind coverage for spacing and color utilities
• Cleaner JSX when components mix classes and attributes
• Media-query handling on a few stubborn layouts

Sep 14, 2025

🚀 Extraction polish

• Better nested flex and grid capture
• Dropped more redundant CSS from the copied output
• Popup stays stable during long copy sessions

2025 년 4 월 14 일

💡 🚀 업데이트 및 개선

• Tailwind CSS v4.0 클래스가 추가됩니다. DivMagic은 CSS 클래스를 New Tailwind v4.0 클래스로 변환하지 않습니다. 이전 테일 윈드 버전의 클래스를 포함한 모든 테일 윈드 클래스는 변환 로직에 포함됩니다.
• 추출 로직이 향상되었습니다. Divmagic은 이전 버전에 비해 현재 훨씬 더 잘 작동합니다. 스타일 추출 로직은 처리 시간과 정확도를 향상시키기 위해 처음부터 다시 작성되었습니다.
• 새 버전의 스타일 추출 로직에 문제가 있으면 team@divmagic.com으로 알려주십시오. Divmagic의 지속적인 지원에 감사드립니다!

2024년 9월 20일

✨ 🚀 WordPress 통합 및 눈금자 도구

• WordPress 통합
• WordPress 사용자에게 매우 유용한 WordPress Gutenberg 통합을 추가했습니다.
• 요소를 선택한 후 'WordPress로 내보내기' 버튼을 클릭할 수 있습니다. 그런 다음 WordPress Gutenberg로 이동하면 해당 구성 요소가 편집기에 블록으로 표시됩니다.
• 눈금자 도구
• 도구 상자에 눈금자 도구를 추가했습니다. 이를 통해 요소의 너비/높이는 물론 여백과 안쪽 여백도 확인할 수 있어 요소를 정확하게 복사하기가 더 쉬워집니다.
• 더 나은 사용성을 위해 향상된 사용자 인터페이스
• 더 빠른 요소 복사를 위한 성능 최적화

2024년 4월 16일

📈 🔧 개선 및 버그 수정

• 저장된 구성요소의 미리보기 생성이 개선되었습니다. 일부 구성요소가 미리보기를 올바르게 표시하지 않았습니다.
• 구성요소 저장 버튼이 작동하지 않는 버그를 수정했습니다.
• 우리는 더 많은 기능이 추가될수록 확장 기능이 느려질 수 있다는 것을 알고 있습니다. 우리는 확장 프로그램의 성능을 개선하기 위해 노력하고 있습니다.

2024년 4월 8일

✨ ⚡ 새로운 기능 및 개선 사항

• 이 버전에는 새로운 기능이 포함되어 있습니다: 구성 요소 라이브러리의 미리 보기
• 이제 부품 라이브러리에 저장된 부품의 미리보기를 볼 수 있습니다.
• 확장 프로그램에서 직접 대시보드로 이동할 수도 있습니다.
• 확장 기능의 성능이 향상되었습니다.

2024년 3월 15일

💡 🚀 새로운 기능 및 개선 사항

• 이 버전에는 새로운 도구 상자용 도구, 새로운 복사 옵션, 편집기 모드용 자동 완성이라는 세 가지 새로운 기능이 포함되어 있습니다.
• 도구 상자용 스래시 도구
• Thras 도구를 사용하면 웹사이트에서 요소를 숨기거나 삭제할 수 있습니다.
• 새로운 복사 옵션
• 이제 HTML과 CSS를 별도로 복사할 수 있습니다.
• 원본 HTML 속성, 클래스 및 ID를 사용하여 복사된 HTML 및 CSS 코드를 얻을 수도 있습니다.
• 편집기 모드의 자동 완성
• 자동 완성 기능은 입력할 때 가장 일반적인 CSS 속성과 값을 제안합니다.
• 복사 옵션에서 직접 코드를 DivMagic Studio로 내보내는 옵션이 추가되었습니다.
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 복사된 스타일의 응답성 향상

2024년 3월 2일

🆕 📈 🚢 새로운 기능

• 도구 상자에 새 도구 추가: 색상 선택기
• 이제 모든 웹사이트에서 색상을 복사하여 프로젝트에 직접 사용할 수 있습니다.
• 현재로서는 Chrome 확장 프로그램에서만 사용할 수 있습니다. 우리는 이 기능을 Firefox 확장에도 추가하기 위해 노력하고 있습니다.

2024년 2월 26일

📈 🔧 개선 및 버그 수정

• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 복사된 스타일의 응답성 향상
• 일부 CSS 스타일이 올바르게 복사되지 않는 버그가 수정되었습니다.
• 요소가 iframe에서 복사된 경우 복사된 스타일이 응답하지 않는 버그가 수정되었습니다.
• 버그와 문제를 보고해 주신 모든 분들께 감사드립니다! 우리는 가능한 한 빨리 문제를 해결하기 위해 노력하고 있습니다.

2023년 12월 20일

✨ ⚡ ⚙️ 새로운 기능, 개선 사항 및 버그 수정

• 이 버전에는 복사 모드에 대한 업데이트된 제어판이 포함되어 있습니다.
• 이제 요소를 복사할 때 복사하려는 세부정보 범위를 선택할 수 있습니다.
• 복사된 요소를 더 효과적으로 제어할 수 있도록 복사 모드에 더 많은 옵션을 추가할 예정입니다.
• 변환 속도 향상
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 복사된 스타일의 응답성 향상
• 불필요한 CSS 속성이 출력에 포함되는 버그를 수정했습니다.
• 일부 웹사이트에서 DivMagic 패널이 보이지 않는 버그 수정
• 버그와 문제를 보고해 주신 모든 분들께 감사드립니다! 우리는 가능한 한 빨리 문제를 해결하기 위해 노력하고 있습니다.

2023년 12월 2일

✨ 📈 🔧 개선 및 버그 수정

• 이 버전에는 복사된 스타일의 응답성이 향상되었습니다.
• 또한 출력 크기를 줄이기 위해 스타일 최적화 코드를 개선했습니다.
• 향상된 Webflow 변환
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 복사된 스타일의 응답성 향상
• 불필요한 CSS 속성이 출력에 포함되는 버그를 수정했습니다.
• 버그와 문제를 보고해 주신 모든 분들께 감사드립니다! 우리는 가능한 한 빨리 문제를 해결하기 위해 노력하고 있습니다.

2023년 11월 15일

💡 📈 ⚙️ 새로운 기능, 개선 사항 및 버그 수정

• 이 버전에는 새로운 기능이 포함되어 있습니다: DivMagic Studio로 내보내기
• 이제 복사된 요소를 DivMagic Studio로 내보낼 수 있습니다. 이렇게 하면 DivMagic Studio에서 요소를 편집하고 변경할 수 있습니다.
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 복사된 스타일의 응답성 향상
• 불필요한 CSS 속성이 출력에 포함되는 버그를 수정했습니다.

2023년 11월 4일

💡 ⚡ ⚙️ 새로운 기능, 개선 사항 및 버그 수정

• 이 버전에는 새로운 기능이 포함되어 있습니다: 팝업 자동 숨기기
• 팝업 설정에서 팝업 자동 숨기기를 활성화하면 팝업에서 마우스를 떼면 확장 팝업이 자동으로 사라집니다.
• 이렇게 하면 수동으로 클릭하여 팝업을 닫을 필요가 없으므로 요소를 더 빠르게 복사할 수 있습니다.
• 이 버전에는 설정 위치에 대한 변경 사항도 포함되어 있습니다. 구성 요소 및 스타일 형식이 복사 컨트롤러로 이동되었습니다.
• 배경색 감지 옵션도 제거되었습니다. 이제 기본적으로 활성화되어 있습니다.
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 복사된 스타일의 응답성 향상
• 여러 개의 열린 탭을 처리하기 위해 DevTools 통합이 개선되었습니다.
• 옵션이 제대로 저장되지 않는 버그 수정

2023년 10월 20일

✨ 🚀 ⚙️ 새로운 기능, 개선 사항 및 버그 수정

• 이 버전에는 새로운 기능이 포함되어 있습니다: Media Query CSS
• 이제 복사하려는 요소의 미디어 쿼리를 복사할 수 있습니다. 이렇게 하면 복사된 스타일이 React하게 됩니다.
• 자세한 내용은 Media Query CSS 문서를 참조하세요.
• 이 버전에는 새로운 변경 사항도 포함되어 있습니다. 전체 페이지 복사 버튼이 제거되었습니다. 본문 요소를 선택하여 전체 페이지를 계속 복사할 수 있습니다.
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 불필요한 스타일을 제거하기 위해 스타일 복사 기능을 개선했습니다.
• 스타일을 더 빠르게 복사할 수 있도록 DevTools 통합이 개선되었습니다.
• 절대 및 상대 요소 복사와 관련된 버그가 수정되었습니다.

2023년 10월 12일

💡 🚀 🔧 새로운 기능, 개선 사항 및 버그 수정

• 이 버전에는 두 가지 새로운 기능이 포함되어 있습니다: 복사 모드 및 상위/하위 요소 선택
• 복사 모드를 사용하면 요소를 복사할 때 얻을 수 있는 세부 정보 범위를 조정할 수 있습니다.
• 복사 모드에 대한 자세한 내용은 설명서를 참조하세요.
• 상위/하위 요소 선택을 사용하면 복사 중인 요소의 상위 요소와 하위 요소 간에 전환할 수 있습니다.
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 향상된 Tailwind CSS 클래스 적용 범위
• 복사된 스타일의 응답성 향상
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 요소 위치 계산 버그 수정
• 요소 크기 계산의 버그를 수정했습니다.

2023년 9월 20일

🆕 ⚡ ⚙️ 🚢 새로운 기능 및 버그 수정

• DivMagic DevTools가 출시되었습니다! 이제 확장 프로그램을 실행하지 않고도 DevTools에서 직접 DivMagic을 사용할 수 있습니다.
• DevTools에서 직접 요소를 복사할 수 있습니다.
• 요소를 검사하여 선택하고 DivMagic DevTools 패널로 이동하여 복사를 클릭하면 요소가 복사됩니다.
• 자세한 내용은 DivMagic DevTools에 대한 설명서를 참조하세요.
• 권한 업데이트
• DevTools를 추가하여 확장 권한을 업데이트했습니다. 이를 통해 확장 프로그램은 방문하는 모든 웹사이트와 여러 탭에 DevTools 패널을 원활하게 추가할 수 있습니다.
• 메모
• 이 버전으로 업데이트하면 Chrome과 Firefox는 확장 프로그램이 '방문하는 웹사이트의 모든 데이터를 읽고 변경할 수 있습니다'라는 경고를 표시합니다. 표현이 놀랍지만 우리는 다음을 확신합니다.
• 최소 데이터 액세스: 당사는 귀하에게 DivMagic 서비스를 제공하는 데 필요한 최소한의 데이터에만 액세스합니다.
• 데이터 보안: 확장 프로그램에서 액세스하는 모든 데이터는 로컬 컴퓨터에 남아 있으며 외부 서버로 전송되지 않습니다. 복사한 요소는 장치에서 생성되며 서버로 전송되지 않습니다.
• 개인 정보 보호 우선: 당사는 귀하의 개인 정보와 보안을 보호하기 위해 최선을 다하고 있습니다. 자세한 내용은 당사의 개인정보 보호정책을 참조하세요.
• 귀하의 이해와 신뢰에 감사드립니다. 우려사항이나 질문이 있는 경우 언제든지 지원팀에 문의해 주세요.
• 변환 설정이 저장되지 않는 버그 수정

2023년 7월 31일

🚀 🐛 개선 및 버그 수정

• 향상된 그리드 레이아웃 복사
• 향상된 Tailwind CSS 클래스 적용 범위
• 복사된 스타일의 React성을 개선했습니다.
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 절대 요소 복사 버그를 수정했습니다.
• 배경 흐림 복사 관련 버그를 수정했습니다.

2023년 7월 20일

📈 🔧 개선 및 버그 수정

• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 백그라운드 감지 버그 수정

2023년 7월 18일

⚡ ⚙️ 새로운 기능, 개선 사항, 버그 수정

• 이제 새로운 배경 감지 기능을 사용하여 복사 중인 요소의 배경을 감지할 수 있습니다.
• 이 기능은 상위 요소를 통해 요소의 배경을 감지합니다. 특히 어두운 배경에서는 매우 유용합니다.
• 자세한 내용은 배경 감지 문서를 참조하세요.
• 복사된 구성요소의 응답성 향상
• 더 쉽게 사용자 정의할 수 있도록 가능한 경우 'currentColor'를 사용하도록 SVG 요소를 업데이트했습니다.
• CSS 출력 크기를 줄이기 위한 스타일 최적화 코드 개선
• 높이와 너비 계산의 버그를 수정했습니다.

2023년 7월 12일

⚡ 새로운 기능 및 개선 사항

• 이제 새로운 전체 페이지 복사 기능을 사용하여 전체 페이지를 복사할 수 있습니다.
• 모든 스타일이 포함된 전체 페이지를 복사하여 원하는 형식으로 변환합니다.
• 자세한 내용은 설명서를 참조하세요.
• 복사된 구성요소의 응답성 향상
• CSS 출력 크기를 줄이기 위한 스타일 최적화 코드 개선

2023년 7월 3일

⚡ 🐛 개선 및 버그 수정

• 향상된 iframe 스타일 복사
• 향상된 테두리 변환
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• JSX 변환 버그를 수정했습니다.
• 국경 반경 계산 버그를 수정했습니다.

2023년 6월 25일

🚀 ⚙️ 개선 및 버그 수정

• 향상된 테두리 변환
• 업데이트된 글꼴 크기 로직
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 패딩 및 여백 변환 관련 버그를 수정했습니다.

2023년 6월 12일

🚀 🔧 개선 및 버그 수정

• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 향상된 목록 변환
• 향상된 테이블 변환
• 그리드 변환 버그를 수정했습니다.

2023년 6월 6일

🚀 새로운 기능 및 개선 사항

• 이제 복사된 내용을 CSS로 변환할 수 있습니다. 이는 많은 요청을 받은 기능이며 이를 출시하게 되어 기쁘게 생각합니다!
• 이를 통해 프로젝트 작업을 쉽게 수행할 수 있습니다.
• 스타일 형식 간의 차이점은 설명서를 참조하세요.
• Tailwind CSS 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 향상된 목록 변환
• 향상된 그리드 변환

2023년 5월 27일

⚡ ⚙️ 개선 및 버그 수정

• Tailwind CSS 코드를 복사하기 위한 키보드 단축키를 추가했습니다. 'D'를 눌러 요소를 복사할 수 있습니다.
• 향상된 SVG 변환
• Tailwind CSS 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 출력에 잘못된 문자열이 포함되는 JSX 변환 버그가 수정되었습니다.
• 버그와 문제를 보고해 주신 모든 분들께 감사드립니다! 우리는 가능한 한 빨리 문제를 해결하기 위해 노력하고 있습니다.

2023년 5월 18일

⚡ 새로운 기능 및 개선 사항

• 이제 복사된 HTML을 JSX로 변환할 수 있습니다! 이는 많은 요청을 받은 기능이며 이를 출시하게 되어 기쁘게 생각합니다.
• 이를 통해 NextJS 또는 React 프로젝트를 쉽게 작업할 수 있습니다.
• Tailwind CSS 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

2023년 5월 14일

🚀 🦊 파이어폭스 출시

• DivMagic이 Firefox에 출시되었습니다! 이제 Firefox 및 Chrome에서 DivMagic을 사용할 수 있습니다.
• 여기에서 Firefox용 DivMagic을 다운로드할 수 있습니다.

2023년 5월 12일

⚡ 개량

• DivMagic이 지난 2일 동안 100회 이상 설치되었습니다! 관심과 모든 피드백에 감사드립니다.
• 개선 사항과 버그 수정이 포함된 새 버전을 출시합니다.
• Tailwind CSS 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 향상된 SVG 변환
• 향상된 국경 지원
• 배경 이미지 지원이 추가되었습니다.
• iFrame에 대한 경고를 추가했습니다(현재 DivMagic은 iFrame에서 작동하지 않습니다).
• 배경색이 적용되지 않던 버그 수정

2023년 5월 9일

📈 DivMagic 출시!

• 방금 DivMagic을 출시했습니다! 이제 DivMagic의 초기 버전이 출시되어 사용할 준비가 되었습니다. 우리는 여러분의 생각을 기대하고 있습니다!
• 모든 요소를 ​​복사하여 Tailwind CSS로 변환
• 색상은 Tailwind CSS 색상으로 변환됩니다.