변경 로그

이 버전에는 새로운 기능이 포함되어 있습니다: DivMagic Studio로 내보내기

이제 복사된 요소를 DivMagic Studio로 내보낼 수 있습니다. 이렇게 하면 DivMagic Studio에서 요소를 편집하고 변경할 수 있습니다.

개량

• 복사된 스타일의 응답성 향상
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

버그 수정

• 불필요한 CSS 속성이 출력에 포함되는 버그를 수정했습니다.

이 버전에는 새로운 기능이 포함되어 있습니다: 팝업 자동 숨기기

팝업 설정에서 팝업 자동 숨기기를 활성화하면 팝업에서 마우스를 떼면 확장 팝업이 자동으로 사라집니다.

이렇게 하면 수동으로 클릭하여 팝업을 닫을 필요가 없으므로 요소를 더 빠르게 복사할 수 있습니다.
팝업 자동 숨기기
이 버전에는 설정 위치에 대한 변경 사항도 포함되어 있습니다. 구성 요소 및 스타일 형식이 복사 컨트롤러로 이동되었습니다.

배경색 감지 옵션도 제거되었습니다. 이제 기본적으로 활성화되어 있습니다.

개량

• 복사된 스타일의 응답성 향상
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 여러 개의 열린 탭을 처리하기 위해 DevTools 통합이 개선되었습니다.

버그 수정

• 옵션이 제대로 저장되지 않는 버그 수정

이 버전에는 새로운 기능이 포함되어 있습니다: Media Query CSS

이제 복사하려는 요소의 미디어 쿼리를 복사할 수 있습니다. 이렇게 하면 복사된 스타일이 React하게 됩니다.
자세한 내용은 Media Query CSS 문서를 참조하세요. Media Query

이 버전에는 새로운 변경 사항도 포함되어 있습니다. 전체 페이지 복사 버튼이 제거되었습니다. 본문 요소를 선택하여 전체 페이지를 계속 복사할 수 있습니다.

개량

• 불필요한 스타일을 제거하기 위해 스타일 복사 기능을 개선했습니다.
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 스타일을 더 빠르게 복사할 수 있도록 DevTools 통합이 개선되었습니다.

버그 수정

• 절대 및 상대 요소 복사와 관련된 버그가 수정되었습니다.

이 버전에는 두 가지 새로운 기능이 포함되어 있습니다: 복사 모드 및 상위/하위 요소 선택

복사 모드를 사용하면 요소를 복사할 때 얻을 수 있는 세부 정보 범위를 조정할 수 있습니다.
복사 모드에 대한 자세한 내용은 설명서를 참조하세요. 복사 모드

상위/하위 요소 선택을 사용하면 복사 중인 요소의 상위 요소와 하위 요소 간에 전환할 수 있습니다.

개량

• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
• 향상된 Tailwind CSS 클래스 적용 범위
• 복사된 스타일의 응답성 향상
• 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

버그 수정

• 요소 위치 계산 버그 수정
• 요소 크기 계산의 버그를 수정했습니다.

DivMagic DevTools가 출시되었습니다! 이제 확장 프로그램을 실행하지 않고도 DevTools에서 직접 DivMagic을 사용할 수 있습니다.

DevTools에서 직접 요소를 복사할 수 있습니다.

요소를 검사하여 선택하고 DivMagic DevTools 패널로 이동하여 복사를 클릭하면 요소가 복사됩니다.

자세한 내용은 DivMagic DevTools에 대한 설명서를 참조하세요.
DivMagic DevTools 문서

이제 새로운 배경 감지 기능을 사용하여 복사 중인 요소의 배경을 감지할 수 있습니다.

이 기능은 상위 요소를 통해 요소의 배경을 감지합니다. 특히 어두운 배경에서는 매우 유용합니다.

자세한 내용은 배경 감지 문서를 참조하세요.
배경 감지

개량

• 복사된 구성요소의 응답성 향상
• 더 쉽게 사용자 정의할 수 있도록 가능한 경우 'currentColor'를 사용하도록 SVG 요소를 업데이트했습니다.
• CSS 출력 크기를 줄이기 위한 스타일 최적화 코드 개선

버그 수정

• 높이와 너비 계산의 버그를 수정했습니다.

이제 새로운 전체 페이지 복사 기능을 사용하여 전체 페이지를 복사할 수 있습니다.

모든 스타일이 포함된 전체 페이지를 복사하여 원하는 형식으로 변환합니다.

자세한 내용은 설명서를 참조하세요.
선적 서류 비치

개량

• 복사된 구성요소의 응답성 향상
• CSS 출력 크기를 줄이기 위한 스타일 최적화 코드 개선

이제 복사된 내용을 CSS로 변환할 수 있습니다. 이는 많은 요청을 받은 기능이며 이를 출시하게 되어 기쁘게 생각합니다!

이를 통해 프로젝트 작업을 쉽게 수행할 수 있습니다.

스타일 형식 간의 차이점은 설명서를 참조하세요.
선적 서류 비치

개량

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