모든 웹사이트에 있는 모든 요소의 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에 구성 요소를 저장하고 언제든지 방문할 수 있습니다.
웹 개발에 필요한 모든 도구가 한곳에 있습니다.
웹사이트에서 글꼴을 복사하여 프로젝트에서 직접 사용할 수 있습니다. 모든 웹사이트에서 색상을 복사하여 프로젝트에서 직접 사용할 수 있습니다. 모든 색상을 어떤 형식으로든 변환하세요. 그리드를 추가합니다.
그리고 더...
모든 웹사이트에 있는 모든 요소의 코드를 받으세요. DivMagic은 프로젝트에서 사용할 수 있는 가장 간결하고 깔끔한 코드를 제공합니다.
Know what technologies a site uses with one click.
모든 구성요소를 React/JSX로 변환하세요. 복사한 모든 섹션을 React/JSX 구성 요소로 가져올 수 있습니다. 웹사이트의 프레임워크에 관계없이.
CSS를 Tailwind CSS로 변환합니다. DivMagic은 모든 CSS 코드를 Tailwind CSS(색상도!)로 변환합니다. 복사하려는 웹사이트에서는 Tailwind CSS를 사용할 필요가 없습니다.
iframe에서 코드를 복사합니다. 일부 웹사이트에서는 콘텐츠 복사를 방지하기 위해 iframe에 콘텐츠를 넣습니다. DivMagic은 iframe을 통해 코드를 복사할 수 있습니다.
복사하려는 요소나 페이지의 미디어 쿼리를 복사할 수 있습니다. 이렇게 하면 복사된 스타일이 반응하게 됩니다.
브라우저의 개발 도구에서 바로 DivMagic을 사용하세요. 확장 프로그램을 표시하지 않고도 DivMagic의 모든 기능에 액세스할 수 있습니다.
복사한 요소를 DivMagic Studio로 내보낼 수 있습니다. DivMagic Studio는 요소를 편집하고 쉽게 변경할 수 있는 강력한 온라인 편집기입니다.
한 번의 클릭으로 전체 페이지를 복사할 수 있습니다.
(출시 예정) - 복사한 요소를 WordPress로 내보낼 수 있습니다. 이렇게 하면 WordPress Editor에서 복사된 요소를 사용할 수 있습니다.
웹 개발에 필요한 모든 도구가 한곳에 있습니다. 실시간 편집, 색상 선택기, 디버거 등.
웹사이트에서 글꼴을 복사하여 프로젝트에서 직접 사용할 수 있습니다.
모든 웹사이트에서 색상을 복사하여 프로젝트에 직접 사용할 수 있습니다. 모든 색상을 어떤 형식으로든 변환하세요.
“놀라운! 이로 인해 생산성이 1000배 증가했습니다. 인터넷에 있는 기존 항목에 대한 Tailwind 코드를 복사하기가 매우 쉽습니다.”
“매우 유용합니다! 시간을 매우 절약해 준다는 것은 의심의 여지가 없습니다!”
“🛠️ DivMagic 👉🏻 요소를 Tailwind CSS(색상 포함)로 직접 변환하는 Chrome 확장 프로그램입니다.”
“내가 찾던 바로 그 것! 내가 시도한 일이 잘 이루어지고 있습니다.”
“잘 작동합니다! 출력이 매우 작아서 사용 사례에 맞게 수정하기가 매우 쉽습니다!”
“프런트엔드 개발자는 필수입니다! React 및 Tailwind와 함께 훌륭하게 작동하는 방식이 정말 마음에 들었습니다. UI와 UX의 용이성이 제가 가장 좋아하는 점입니다.”
“저는 강력히 추천합니다. 마법 같은 일이죠!”
“이제 디자인을 더욱 쉽게 훔칠 수 있습니다! 🤭”
“훌륭한 도구입니다. 가치는 비용보다 훨씬 뛰어납니다.”
“DivMagic은 웹페이지의 해당 섹션을 가져와서 완벽하게 표시할 수 있는 최고의 도구인 보물입니다. 한번 사용해 보세요. 단 며칠 만에 비용이 절감됩니다.”
“돈 가치가 있는 훌륭한 유료 도구입니다!”
“훌륭한 도구이며 시간을 크게 절약해 줍니다. 개발자이고 UI 디자인을 빠르게 얻을 수 있는 방법을 원한다면 이 도구가 매우 좋습니다.”
“브라우저에 있어서 좋네요”
“개발에 많은 시간을 절약할 수 있는 훌륭한 도구입니다.”
“엄청나게 잘 작동합니다 - React + TailwindCSS에서도 마찬가지입니다. 매우 감동받았습니다.”
“놀라운 도구! 나는 강력한 사용과 작동 용이성을 좋아합니다. 개발자라면 두 번 생각하지 말고 꼭 구매하세요.”
“환상적인 도구입니다. Tailwind 구성 요소와 함께 사용하면 사용 후 처음 30분 이내에 쉽게 시간을 절약할 수 있습니다. 거의 즉시 비용을 지불합니다.”
“과거에 3개 이상의 유사한 도구를 테스트했습니다. DivMagic은 품질 측면에서 단연 최고 중 하나입니다.”
“놀라운 도구입니다. 웹사이트를 구축한다면 이것이 더 이상 생각할 필요가 없습니다. 템플릿을 조작하고 CSS를 수정하는 데 많은 시간이 절약됩니다.”
“매우 유용한 애드온! 시간과 노력을 절약해 주기 때문에 전체 제품에 대한 비용을 지불했습니다.”
“멋진 도구입니다. 개발자에게 매우 유용한 도구입니다.”
모든 웹사이트에서 작동
Chrome 및 Firefox에서 사용 가능
지속적인 업데이트 및 새로운 기능
7000명 이상의 개발자가 사용
Brendan - DivMagic 사용자
시간과 비용 절약 보장
Andrew - DivMagic 사용자 및 대행사 소유자
팀의 생산성 향상을 보장합니다.
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주마다 업데이트를 출시합니다. 모든 업데이트 목록은 변경 로그를 참조하세요.
변경 로그
우리는 귀하가 구매 시 안전함을 느끼기를 원합니다. 우리는 매우 오랜 시간 동안 서비스를 제공할 계획이지만 DivMagic이 종료되면 일회성 결제를 한 모든 사용자에게 확장 코드를 보내 오프라인에서 무기한 사용할 수 있도록 할 것입니다.
뉴스, 새로운 기능 등에 대해 가장 먼저 알아보세요!
언제든지 구독을 취소하세요. 스팸이 없습니다.