사용처
+ 수백명의 다른 개발자들!
원클릭으로 스타일 복사
더 이상 디자인에 대해 생각하는 데 시간을 낭비하지 마세요.
몇 초 만에 한 번의 클릭으로 모든 것을 복사할 수 있습니다. 심지어 완전한 웹사이트도 있습니다.
모든 구성요소를 Tailwind CSS로 변환
복사한 모든 섹션을 Tailwind CSS 구성 요소로 가져올 수 있습니다(웹 사이트에서 Tailwind CSS를 사용하지 않는 경우에도 마찬가지).
모든 구성 요소를 JSX로 변환
복사한 모든 섹션을 React/JSX 구성 요소로 가져올 수 있습니다.
모든 웹사이트에 있는 모든 요소의 HTML/CSS 코드를 얻을 수 있습니다.
한 번의 클릭으로 모든 웹사이트의 모든 요소 코드를 복사할 수 있습니다.
원하는 경우 한 번의 클릭으로 전체 페이지를 복사할 수도 있습니다.
복사하려는 요소의 미디어 쿼리를 복사할 수 있습니다.
이렇게 하면 복사된 스타일이 React하게 됩니다.
모든 CSS 코드를 Tailwind CSS로 변환할 수 있습니다.
복사하려는 웹사이트에서는 Tailwind CSS를 사용할 필요가 없습니다.
DivMagic은 모든 CSS 코드를 Tailwind CSS로 변환합니다(색상도!).
iframe에서 코드를 복사할 수 있습니다.
일부 웹사이트에서는 콘텐츠 복사를 방지하기 위해 iframe에 콘텐츠를 넣습니다. DivMagic은 iframe을 통해 코드를 복사할 수 있습니다.
브라우저의 개발 도구에서 바로 DivMagic을 사용하세요.
확장 프로그램을 표시하지 않고도 DivMagic의 기능에 액세스할 수 있습니다.
개발자 콘솔 내에서 웹 요소를 재사용 가능한 구성 요소로 변환하고 캡처하세요.
모든 구성 요소를 JSX로 변환할 수 있습니다.
복사한 모든 섹션을 React/JSX 구성 요소로 가져올 수 있습니다. 코드를 검사할 필요가 없습니다.
웹사이트가 React를 사용하지 않더라도 말이죠.
복사한 요소를 DivMagic Studio로 내보낼 수 있습니다.
이렇게 하면 요소를 편집하고 쉽게 변경할 수 있습니다.
DivMagic Studio에 구성 요소를 저장하고 언제든지 방문할 수 있습니다.
“놀라운! 이로 인해 생산성이 1000배 증가했습니다. 인터넷에 있는 기존 항목에 대한 Tailwind 코드를 복사하는 것은 매우 쉽습니다.”
“매우 유용합니다! 시간이 매우 절약된다는 것은 의심의 여지가 없습니다!”
“🛠️ DivMagic 👉🏻 요소를 Tailwind CSS(색상 포함)로 직접 변환하는 Chrome 확장 프로그램입니다.”
“내가 찾던 바로 그 것! 내가 노력하는 일을 잘 해내고 있다.”
“훌륭하게 작동합니다! 출력이 매우 작아서 내 사용 사례에 맞게 수정하기가 매우 쉽습니다!”
“이제 디자인을 더욱 쉽게 훔칠 수 있습니다! 🤭”
모든 웹사이트에서 작동
Chrome 및 Firefox에서 사용 가능
해당되는 경우 지방세 또는 VAT 제외
Google Chrome에서 사용 가능(Brave, Edge 등과 같은 모든 Chromium 기반 브라우저 포함)
파이어폭스에서 사용 가능
원하는 만큼 많은 장치에서 사용 가능
모든 향후 업데이트 및 기능 포함
환불 보증
해당되는 경우 지방세 또는 VAT 제외
구하다 - 6개월 무료
Google Chrome에서 사용 가능(Brave, Edge 등과 같은 모든 Chromium 기반 브라우저 포함)
파이어폭스에서 사용 가능
원하는 만큼 많은 장치에서 사용 가능
모든 향후 업데이트 및 기능 포함
환불 보증
해당되는 경우 지방세 또는 VAT 제외
평생 액세스
Google Chrome에서 사용 가능(Brave, Edge 등과 같은 모든 Chromium 기반 브라우저 포함)
파이어폭스에서 사용 가능
원하는 만큼 많은 장치에서 사용 가능
모든 향후 업데이트 및 기능 포함
환불 보증
DivMagic을 사용하면 웹 요소를 쉽게 복사, 변환 및 활용할 수 있습니다. HTML과 CSS를 인라인 CSS, 외부 CSS, 로컬 CSS 및 Tailwind CSS를 포함한 여러 형식으로 변환하는 다목적 도구입니다.
웹사이트의 모든 요소를 재사용 가능한 구성 요소로 복사하여 코드베이스에 직접 붙여넣을 수 있습니다.
먼저 DivMagic 확장 프로그램을 설치하세요. 웹사이트로 이동하여 확장 아이콘을 클릭하세요. 그런 다음 페이지에서 요소를 선택합니다. 선택한 형식의 코드가 복사되어 프로젝트에 붙여넣을 준비가 됩니다.
데모 비디오를 시청하여 작동 방식을 확인할 수 있습니다.
Chrome 및 Firefox용 확장 프로그램을 얻을 수 있습니다.
Chrome 확장 프로그램은 Brave 및 Edge와 같은 모든 Chromium 기반 브라우저에서 작동합니다.
DivMagic이 만족스럽지 않은 경우, 구매 후 30일 이내에 이메일을 보내주시면 묻지 않고 환불해 드립니다.
support@divmagic.com
고객 포털로 이동하여 구독을 수정할 수 있습니다.
고객포털
예. 웹사이트의 모든 요소를 복사하여 선택한 형식으로 변환합니다. iframe으로 보호되는 요소를 복사할 수도 있습니다.
복사하려는 웹사이트는 어떤 프레임워크로도 구축할 수 있으며 DivMagic은 모든 프레임워크에서 작동합니다.
드물기는 하지만 특정 요소가 완벽하게 복사되지 않을 수 있습니다. 이러한 요소가 발견되면 신고해 주세요.
요소가 올바르게 복사되지 않은 경우에도 복사된 코드를 시작점으로 사용하여 변경할 수 있습니다.
예. 복사하려는 웹사이트는 어떤 프레임워크로도 구축할 수 있으며 DivMagic은 모든 프레임워크에서 작동합니다.
웹사이트를 Tailwind CSS로 구축할 필요는 없습니다. DivMagic이 CSS를 Tailwind CSS로 변환해 드립니다.
가장 큰 제한은 JavaScript를 사용하여 페이지 콘텐츠 표시를 수정하는 웹사이트입니다. 이러한 경우 복사된 코드가 정확하지 않을 수 있습니다. 그러한 요소를 발견하면 당사에 신고해 주십시오.
요소가 올바르게 복사되지 않은 경우에도 복사된 코드를 시작점으로 사용하여 변경할 수 있습니다.
DivMagic은 정기적으로 업데이트됩니다. 우리는 지속적으로 새로운 기능을 추가하고 기존 기능을 개선하고 있습니다.
1~2주마다 업데이트를 출시합니다. 모든 업데이트 목록은 변경 로그를 참조하세요.
변경 로그
뉴스, 새로운 기능 등에 대해 가장 먼저 알아보세요!
언제든지 구독을 취소하세요. 스팸이 없습니다.