DevTools와 함께 DivMagic을 사용하는 방법
- 개발자 콘솔 열기:
페이지를 마우스 오른쪽 버튼으로 클릭하고 '검사'를 선택하거나 바로가기를 사용하여 브라우저의 개발자 콘솔로 이동하세요.
- DivMagic 탭 찾기:
개발자 콘솔에 들어가면 '요소', '콘솔' 등과 같은 다른 탭 옆에 있는 'DivMagic' 탭을 찾으세요.
- 요소 선택:
복사하려는 웹페이지로 이동하고 개발 도구의 DivMagic 탭을 사용하여 원하는 요소를 선택하고 캡처합니다.
- 복사 및 변환:
요소를 선택하면 해당 스타일을 복사하고 재사용 가능한 CSS, Tailwind CSS, React 또는 JSX 코드 등으로 변환할 수 있습니다. 이 모든 작업이 DevTools 내에서 가능합니다.
DevTools 탭이 브라우저에 표시되지 않으면 팝업에서 해당 탭을 활성화했는지 확인한 후 새 탭을 열고 다시 시도하세요.
권한 업데이트
DevTools를 추가하여 확장 권한을 업데이트했습니다. 이를 통해 확장 프로그램은 방문하는 모든 웹사이트와 여러 탭에 DevTools 패널을 원활하게 추가할 수 있습니다.
⚠️ 메모
확장 팝업에서 DevTools 패널을 활성화하면 Chrome과 Firefox는 확장 프로그램이 '방문하는 웹사이트의 모든 데이터를 읽고 변경할 수 있다'는 경고를 표시합니다. 표현이 놀랍지만 우리는 다음을 확신합니다.
최소 데이터 액세스: 당사는 귀하에게 DivMagic 서비스를 제공하는 데 필요한 최소한의 데이터에만 액세스합니다.
데이터 보안: 확장 프로그램에서 액세스하는 모든 데이터는 로컬 컴퓨터에 남아 있으며 외부 서버로 전송되지 않습니다. 복사한 요소는 장치에서 생성되며 서버로 전송되지 않습니다.
개인 정보 보호 우선: 당사는 귀하의 개인 정보와 보안을 보호하기 위해 최선을 다하고 있습니다. 자세한 내용은 당사의 개인정보 보호정책을 참조하세요.
귀하의 이해와 신뢰에 감사드립니다. 우려사항이나 질문이 있는 경우 언제든지 지원팀에 문의해 주세요.
DevTools를 추가하여 확장 권한을 업데이트했습니다. 이를 통해 확장 프로그램은 방문하는 모든 웹사이트와 여러 탭에 DevTools 패널을 원활하게 추가할 수 있습니다.
⚠️ 메모
확장 팝업에서 DevTools 패널을 활성화하면 Chrome과 Firefox는 확장 프로그램이 '방문하는 웹사이트의 모든 데이터를 읽고 변경할 수 있다'는 경고를 표시합니다. 표현이 놀랍지만 우리는 다음을 확신합니다.
최소 데이터 액세스: 당사는 귀하에게 DivMagic 서비스를 제공하는 데 필요한 최소한의 데이터에만 액세스합니다.
데이터 보안: 확장 프로그램에서 액세스하는 모든 데이터는 로컬 컴퓨터에 남아 있으며 외부 서버로 전송되지 않습니다. 복사한 요소는 장치에서 생성되며 서버로 전송되지 않습니다.
개인 정보 보호 우선: 당사는 귀하의 개인 정보와 보안을 보호하기 위해 최선을 다하고 있습니다. 자세한 내용은 당사의 개인정보 보호정책을 참조하세요.
귀하의 이해와 신뢰에 감사드립니다. 우려사항이나 질문이 있는 경우 언제든지 지원팀에 문의해 주세요.