변경 로그

DivMagic에 대한 모든 최신 추가 및 개선 사항

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년 9월 20일

개량

  • 더 나은 사용성을 위해 향상된 사용자 인터페이스
  • 더 빠른 요소 복사를 위한 성능 최적화

2024년 7월 14일

개선 및 버그 수정

전체 페이지 복사 기능 추가
전체 페이지 복사 중에 복사할 구성 요소와 스타일을 선택할 수 있습니다.
2024년 7월 14일업데이트된 복사 논리
복사된 코드는 더 정확하고 깔끔해집니다.

버그 수정


구성요소 라이브러리에서 일부 구성요소가 누락되는 버그를 수정했습니다.

2024년 5월 14일

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

확장 프로그램의 새로운 UI
확장 프로그램의 UI를 더욱 사용자 친화적으로 업데이트했습니다.

전체 페이지 복사 기능 추가
이제 한 번의 클릭으로 전체 페이지를 복사할 수 있습니다
2024년 4월 8일
도구 상자에 새 도구 추가: 스크린샷 도구
이제 모든 웹사이트의 스크린샷을 찍고 직접 다운로드할 수 있습니다.
2024년 4월 8일

버그 수정


일부 미리보기가 구성 요소 라이브러리에 올바르게 표시되지 않는 버그가 수정되었습니다.

2024년 4월 16일

개선 및 버그 수정

저장된 구성요소의 미리보기 생성이 개선되었습니다. 일부 구성요소가 미리보기를 올바르게 표시하지 않았습니다.

구성요소 저장 버튼이 작동하지 않는 버그를 수정했습니다.

우리는 더 많은 기능이 추가될수록 확장 기능이 느려질 수 있다는 것을 알고 있습니다. 우리는 확장 프로그램의 성능을 개선하기 위해 노력하고 있습니다.

2024년 4월 8일

새로운 기능 및 개선 사항

이 버전에는 새로운 기능이 포함되어 있습니다: 구성 요소 라이브러리의 미리 보기

이제 부품 라이브러리에 저장된 부품의 미리보기를 볼 수 있습니다.
확장 프로그램에서 직접 대시보드로 이동할 수도 있습니다.

2024년 4월 8일

개량


확장 기능의 성능이 향상되었습니다.

2024년 3월 31일

새로운 기능

이 버전에는 새로운 기능이 포함되어 있습니다: 구성 요소 라이브러리

이제 복사한 요소를 부품 라이브러리에 저장할 수 있습니다. 이렇게 하면 언제든지 저장된 구성 요소에 액세스할 수 있습니다.
Studio 링크를 공유하여 다른 사람들과 구성 요소를 공유할 수도 있습니다.

구성 요소 라이브러리에서 직접 구성 요소를 DivMagic Studio로 내보낼 수도 있습니다.2024년 3월 31일

2024년 3월 15일

새로운 기능 및 개선 사항

이 버전에는 새로운 도구 상자용 도구, 새로운 복사 옵션, 편집기 모드용 자동 완성이라는 세 가지 새로운 기능이 포함되어 있습니다.

도구 상자용 스래시 도구
Thras 도구를 사용하면 웹사이트에서 요소를 숨기거나 삭제할 수 있습니다.

새로운 복사 옵션
이제 HTML과 CSS를 별도로 복사할 수 있습니다.
원본 HTML 속성, 클래스 및 ID를 사용하여 복사된 HTML 및 CSS 코드를 얻을 수도 있습니다.

편집기 모드의 자동 완성
자동 완성 기능은 입력할 때 가장 일반적인 CSS 속성과 값을 제안합니다.

개량

  • 복사 옵션에서 직접 코드를 DivMagic Studio로 내보내는 옵션이 추가되었습니다.
  • 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
  • 복사된 스타일의 응답성 향상

2024년 3월 2일

새로운 기능

도구 상자에 새 도구 추가: 색상 선택기

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

2024년 2월 26일

개선 및 버그 수정

개량

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

버그 수정

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

2024년 2월 24일

새로운 기능 및 개선 사항

자동 업데이트 후 확장 프로그램이 응답하지 않는 경우 Chrome 웹 스토어 또는 Firefox 추가 기능에서 확장 프로그램을 제거했다가 다시 설치하세요.

이 버전에는 도구 상자, 라이브 편집기, 옵션 페이지, 상황에 맞는 메뉴 등 여러 가지 새로운 기능이 포함되어 있습니다.

Toolbox에는 웹 개발에 필요한 모든 도구가 한 곳에 포함되어 있습니다. 글꼴 복사, 색상 선택기, 그리드 뷰어, 디버거 등.

라이브 편집기를 사용하면 복사된 요소를 브라우저에서 직접 편집할 수 있습니다. 요소를 변경하고 변경 사항을 실시간으로 확인할 수 있습니다.

옵션 페이지에서는 확장 설정을 사용자 정의할 수 있습니다. 기본 설정을 변경하고 기본 설정을 지정할 수 있습니다.

상황에 맞는 메뉴를 사용하면 오른쪽 클릭 메뉴에서 DivMagic에 직접 액세스할 수 있습니다. 상황에 맞는 메뉴에서 직접 요소를 복사하거나 도구 상자를 시작할 수 있습니다.

공구 상자
Toolbox에는 검사 모드, 글꼴 복사 및 그리드 뷰어가 포함되어 있습니다. 앞으로는 도구 상자에 더 많은 도구를 추가할 예정입니다.공구 상자

라이브 에디터
라이브 편집기를 사용하면 복사된 요소를 브라우저에서 직접 편집할 수 있습니다. 요소를 변경하고 변경 사항을 실시간으로 확인할 수 있습니다. 이렇게 하면 복사된 요소를 더 쉽게 변경할 수 있습니다.라이브 에디터

옵션 페이지
옵션 페이지에서는 확장 설정을 사용자 정의할 수 있습니다. 기본 설정을 변경하고 기본 설정을 지정할 수 있습니다.옵션 페이지

상황에 맞는 메뉴
상황에 맞는 메뉴를 사용하면 오른쪽 클릭 메뉴에서 DivMagic에 직접 액세스할 수 있습니다. 현재는 요소 복사와 도구 상자 실행이라는 두 가지 옵션이 있습니다.상황에 맞는 메뉴

2023년 12월 20일

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

이 버전에는 복사 모드에 대한 업데이트된 제어판이 포함되어 있습니다.

이제 요소를 복사할 때 복사하려는 세부정보 범위를 선택할 수 있습니다.

복사된 요소를 더 효과적으로 제어할 수 있도록 복사 모드에 더 많은 옵션을 추가할 예정입니다.2023년 12월 20일

개량

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

버그 수정

  • 불필요한 CSS 속성이 출력에 포함되는 버그를 수정했습니다.
  • 일부 웹사이트에서 DivMagic 패널이 보이지 않는 버그 수정
버그와 문제를 보고해 주신 모든 분들께 감사드립니다! 우리는 가능한 한 빨리 문제를 해결하기 위해 노력하고 있습니다.

2023년 12월 2일

개선 및 버그 수정

이 버전에는 복사된 스타일의 응답성이 향상되었습니다.

또한 출력 크기를 줄이기 위해 스타일 최적화 코드를 개선했습니다.

개량

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

버그 수정

  • 불필요한 CSS 속성이 출력에 포함되는 버그를 수정했습니다.
버그와 문제를 보고해 주신 모든 분들께 감사드립니다! 우리는 가능한 한 빨리 문제를 해결하기 위해 노력하고 있습니다.

2023년 11월 15일

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

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

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



개량

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

버그 수정

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

2023년 11월 4일

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

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

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

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

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

개량

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

버그 수정

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

2023년 10월 20일

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

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

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

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

개량

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

버그 수정

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

2023년 10월 12일

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

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

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

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

개량

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

버그 수정

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

2023년 9월 20일

새로운 기능 및 버그 수정

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

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

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

자세한 내용은 DivMagic DevTools에 대한 설명서를 참조하세요.
DivMagic DevTools 문서
권한 업데이트
DevTools를 추가하여 확장 권한을 업데이트했습니다. 이를 통해 확장 프로그램은 방문하는 모든 웹사이트와 여러 탭에 DevTools 패널을 원활하게 추가할 수 있습니다.

⚠️ 메모
이 버전으로 업데이트하면 Chrome과 Firefox는 확장 프로그램이 '방문하는 웹사이트의 모든 데이터를 읽고 변경할 수 있습니다'라는 경고를 표시합니다. 표현이 놀랍지만 우리는 다음을 확신합니다.

최소 데이터 액세스: 당사는 귀하에게 DivMagic 서비스를 제공하는 데 필요한 최소한의 데이터에만 액세스합니다.

데이터 보안: 확장 프로그램에서 액세스하는 모든 데이터는 로컬 컴퓨터에 남아 있으며 외부 서버로 전송되지 않습니다. 복사한 요소는 장치에서 생성되며 서버로 전송되지 않습니다.

개인 정보 보호 우선: 당사는 귀하의 개인 정보와 보안을 보호하기 위해 최선을 다하고 있습니다. 자세한 내용은 당사의 개인정보 보호정책을 참조하세요.

귀하의 이해와 신뢰에 감사드립니다. 우려사항이나 질문이 있는 경우 언제든지 지원팀에 문의해 주세요.
2023년 9월 20일

버그 수정

  • 변환 설정이 저장되지 않는 버그 수정

2023년 7월 31일

개선 및 버그 수정

개량

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

버그 수정

  • 절대 요소 복사 버그를 수정했습니다.
  • 배경 흐림 복사 관련 버그를 수정했습니다.

2023년 7월 20일

개선 및 버그 수정

개량

  • 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

버그 수정

  • 백그라운드 감지 버그 수정

2023년 7월 18일

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

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

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

자세한 내용은 배경 감지 문서를 참조하세요.
배경 감지2023년 7월 18일

개량

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

버그 수정

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

2023년 7월 12일

새로운 기능 및 개선 사항

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

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

자세한 내용은 설명서를 참조하세요.
선적 서류 비치2023년 7월 12일

개량

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

2023년 7월 3일

개선 및 버그 수정

개량

  • 향상된 iframe 스타일 복사
  • 향상된 테두리 변환
  • 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

버그 수정

  • JSX 변환 버그를 수정했습니다.
  • 국경 반경 계산 버그를 수정했습니다.

2023년 6월 25일

개선 및 버그 수정

개량

  • 향상된 테두리 변환
  • 업데이트된 글꼴 크기 로직
  • 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

버그 수정

  • 패딩 및 여백 변환 관련 버그를 수정했습니다.

2023년 6월 12일

개선 및 버그 수정

개량

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

버그 수정

  • 그리드 변환 버그를 수정했습니다.

2023년 6월 6일

새로운 기능 및 개선 사항

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

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

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

개량

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

2023년 5월 27일

개선 및 버그 수정

개량

  • Tailwind CSS 코드를 복사하기 위한 키보드 단축키를 추가했습니다. 'D'를 눌러 요소를 복사할 수 있습니다.
  • 향상된 SVG 변환
  • Tailwind CSS 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

버그 수정

  • 출력에 잘못된 문자열이 포함되는 JSX 변환 버그가 수정되었습니다.
  • 버그와 문제를 보고해 주신 모든 분들께 감사드립니다! 우리는 가능한 한 빨리 문제를 해결하기 위해 노력하고 있습니다.

2023년 5월 18일

새로운 기능 및 개선 사항

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

이를 통해 NextJS 또는 React 프로젝트를 쉽게 작업할 수 있습니다.

2023년 5월 18일

개량

  • Tailwind CSS 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.

2023년 5월 14일

파이어폭스 출시 🦊

DivMagic이 Firefox에 출시되었습니다! 이제 Firefox 및 Chrome에서 DivMagic을 사용할 수 있습니다.

여기에서 Firefox용 DivMagic을 다운로드할 수 있습니다. Firefox

2023년 5월 12일

개량

DivMagic이 지난 2일 동안 100회 이상 설치되었습니다! 관심과 모든 피드백에 감사드립니다.

개선 사항과 버그 수정이 포함된 새 버전을 출시합니다.

  • Tailwind CSS 출력 크기를 줄이기 위해 스타일 최적화 코드가 개선되었습니다.
  • 향상된 SVG 변환
  • 향상된 국경 지원
  • 배경 이미지 지원이 추가되었습니다.
  • iFrame에 대한 경고를 추가했습니다(현재 DivMagic은 iFrame에서 작동하지 않습니다).
  • 배경색이 적용되지 않던 버그 수정

2023년 5월 9일

🚀 DivMagic 출시!

방금 DivMagic을 출시했습니다! 이제 DivMagic의 초기 버전이 출시되어 사용할 준비가 되었습니다. 우리는 여러분의 생각을 기대하고 있습니다!

  • 모든 요소를 ​​복사하여 Tailwind CSS로 변환
  • 색상은 Tailwind CSS 색상으로 변환됩니다.

© 2024 DivMagic, Inc. 모든 권리 보유.