변경 로그

Apr 14, 2026

✨ 🎉 Browser compatibility

• DevTools panel behaves better with several tabs open
• Context menu and toolbox launch more reliably
• Options save correctly after extension updates

Nov 14, 2025

🆕 🐛 Studio and library

• Component library previews render more consistently
• Studio export handles a few more edge-case CSS patterns
• Background fixes from recent user reports

2025 년 7 월 14 일

💡 개선

• 더 나은 성능을 발휘하기 위해 업데이트 된 스타일 추출 로직
• 확장 속도 향상
• 수정 된 버그.

2025 년 6 월 14 일

💡 개선

• 더 나은 성능을 발휘하기 위해 업데이트 된 스타일 추출 로직
• 수정 된 버그.

2025 년 5 월 14 일

✨ 개선

• 더 나은 성능을 발휘하기 위해 업데이트 된 스타일 추출 로직
• 확장 속도가 향상되었습니다. 복사 버튼이 이제 더 빨리 작동합니다.
• 동일한 구성 요소에 영향을 미치는 여러 스타일 시트가있는 특정 웹 사이트에서 버그가 수정되었습니다.

2025 년 4 월 14 일

💡 🚀 업데이트 및 개선

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

2024년 11월 24일

💡 새로운 디자인

• DivMagic 웹사이트 및 도구를 위한 새로운 디자인
• DivMagic 웹사이트와 도구의 디자인을 더욱 현대적이고 사용자 친화적으로 업데이트했습니다.
• 더 나은 환경을 제공하기 위해 확장 프로그램과 Studio를 개선하기 위해 노력하고 있습니다.

2024년 10월 8일

🆕 WordPress 통합 업데이트

• WordPress 통합 새로운 변경 사항
• 보다 강력한 환경을 제공하기 위해 복사된 요소의 스타일 문제를 수정하기 위해 WordPress Gutenberg 통합을 업데이트했습니다.

2024년 9월 24일

🆕 WordPress 통합 업데이트

• WordPress 통합 새로운 변경 사항
• 복사된 요소의 응답성을 향상시키기 위해 WordPress Gutenberg 통합을 업데이트했습니다.

2024년 9월 20일

✨ 🚀 WordPress 통합 및 눈금자 도구

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

2024년 7월 14일

🆕 🔧 개선 및 버그 수정

• 전체 페이지 복사 기능 추가
• 전체 페이지 복사 중에 복사할 구성 요소와 스타일을 선택할 수 있습니다.
• 업데이트된 복사 논리
• 복사된 코드는 더 정확하고 깔끔해집니다.
• 구성요소 라이브러리에서 일부 구성요소가 누락되는 버그를 수정했습니다.

2024년 5월 14일

✨ 🐛 새로운 UI, 개선 사항 및 버그 수정

• 확장 프로그램의 새로운 UI
• 확장 프로그램의 UI를 더욱 사용자 친화적으로 업데이트했습니다.
• 전체 페이지 복사 기능 추가
• 이제 한 번의 클릭으로 전체 페이지를 복사할 수 있습니다
• 도구 상자에 새 도구 추가: 스크린샷 도구
• 이제 모든 웹사이트의 스크린샷을 찍고 직접 다운로드할 수 있습니다.
• 일부 미리보기가 구성 요소 라이브러리에 올바르게 표시되지 않는 버그가 수정되었습니다.

2024년 4월 8일

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

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

2024년 3월 31일

💡 새로운 기능

• 이 버전에는 새로운 기능이 포함되어 있습니다: 구성 요소 라이브러리
• 이제 복사한 요소를 부품 라이브러리에 저장할 수 있습니다. 이렇게 하면 언제든지 저장된 구성 요소에 액세스할 수 있습니다.
• Studio 링크를 공유하여 다른 사람들과 구성 요소를 공유할 수도 있습니다.
• 구성 요소 라이브러리에서 직접 구성 요소를 DivMagic Studio로 내보낼 수도 있습니다.

2024년 3월 15일

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

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

2024년 3월 2일

🆕 📈 🚢 새로운 기능

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

2024년 2월 24일

💡 새로운 기능 및 개선 사항

• 이 버전에는 도구 상자, 라이브 편집기, 옵션 페이지, 상황에 맞는 메뉴 등 여러 가지 새로운 기능이 포함되어 있습니다.
• Toolbox에는 웹 개발에 필요한 모든 도구가 한 곳에 포함되어 있습니다. 글꼴 복사, 색상 선택기, 그리드 뷰어, 디버거 등.
• 라이브 편집기를 사용하면 복사된 요소를 브라우저에서 직접 편집할 수 있습니다. 요소를 변경하고 변경 사항을 실시간으로 확인할 수 있습니다.
• 옵션 페이지에서는 확장 설정을 사용자 정의할 수 있습니다. 기본 설정을 변경하고 기본 설정을 지정할 수 있습니다.
• 상황에 맞는 메뉴를 사용하면 오른쪽 클릭 메뉴에서 DivMagic에 직접 액세스할 수 있습니다. 상황에 맞는 메뉴에서 직접 요소를 복사하거나 도구 상자를 시작할 수 있습니다.
• 공구 상자
• Toolbox에는 검사 모드, 글꼴 복사 및 그리드 뷰어가 포함되어 있습니다. 앞으로는 도구 상자에 더 많은 도구를 추가할 예정입니다.
• 라이브 에디터
• 라이브 편집기를 사용하면 복사된 요소를 브라우저에서 직접 편집할 수 있습니다. 요소를 변경하고 변경 사항을 실시간으로 확인할 수 있습니다. 이렇게 하면 복사된 요소를 더 쉽게 변경할 수 있습니다.
• 옵션 페이지
• 옵션 페이지에서는 확장 설정을 사용자 정의할 수 있습니다. 기본 설정을 변경하고 기본 설정을 지정할 수 있습니다.
• 상황에 맞는 메뉴
• 상황에 맞는 메뉴를 사용하면 오른쪽 클릭 메뉴에서 DivMagic에 직접 액세스할 수 있습니다. 현재는 요소 복사와 도구 상자 실행이라는 두 가지 옵션이 있습니다.

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 서비스를 제공하는 데 필요한 최소한의 데이터에만 액세스합니다.
• 데이터 보안: 확장 프로그램에서 액세스하는 모든 데이터는 로컬 컴퓨터에 남아 있으며 외부 서버로 전송되지 않습니다. 복사한 요소는 장치에서 생성되며 서버로 전송되지 않습니다.
• 개인 정보 보호 우선: 당사는 귀하의 개인 정보와 보안을 보호하기 위해 최선을 다하고 있습니다. 자세한 내용은 당사의 개인정보 보호정책을 참조하세요.
• 귀하의 이해와 신뢰에 감사드립니다. 우려사항이나 질문이 있는 경우 언제든지 지원팀에 문의해 주세요.
• 변환 설정이 저장되지 않는 버그 수정