온라인 자

더 이상 화면에 있는 물체의 크기와 각도를 짐작하지 마세요! 온라인 자는 화면을 실제 측정 참조물로 바꾸도록 설계된 전문적인 도구입니다.

🎉 v2.1.0 업데이트: 새로운 삼점식 동적 각도기 출시! 꼭짓점과 끝점을 통해 어떤 각도든 맞출 수 있으며 실시간 표시와 암 연장을 지원합니다.

온라인 자

주요 기능

📐

올인원 기하학 각도기

v2.0.0 주요 업데이트: 모든 웹페이지에 각도기 추가 가능. 360° 회전, 동기화된 물리적 보정 및 다양한 색상 스타일 지원.

삼점식 동적 각도기

v2.1.0 신규: 꼭짓점과 두 끝점을 통해 어떤 각도든 빠르게 맞춤. 실시간 각도 표시, 측정 암 연장, 부채꼴 투명도 조절 지원.

멀티 자 지원

동일한 페이지에 여러 개의 자와 각도기를 추가하여 복잡한 비교 측정 및 기하학적 배치 요구 사항을 충족합니다.

🎨

풍부한 재질과 색상

나무, 플라스틱, 금속 중 선택 가능. 각도기용 반투명 색상 스키마(블루, 그린 등)를 통해 뛰어난 시인성 제공.

🔄

360° 임의 회전

부드러운 핸들을 사용하여 도구를 원하는 각도로 회전. 정밀 스냅 기능으로 비직교 측정도 정확하게 수행합니다.

물리적 보정

신용카드 등을 사용하여 화면의 정확한 PPI를 계산, 1:1 정밀도를 보장하여 실제 크기의 측정 기준을 제공합니다.

📏

듀얼 모드

항상 위에 있는 독립 창 모드 또는 웹페이지에 직접 삽입되어 투명도 조절이 가능한 오버레이 모드를 지원합니다.

🔄

제로 오프셋

실제 자의 가장자리를 시뮬레이션하기 위해 사용자 정의 시작점(mm) 설정 및 원클릭 초기화 기능을 제공합니다.

📐

범용 눈금 지원

미터법(CM, MM) 및 야드파운드법(인치, 1/16 단위)을 모두 지원하는 고정밀 렌더링을 제공합니다.

🔒

개인정보 우선

모든 보정 데이터와 설정은 브라우저에 로컬로 저장됩니다. 데이터 업로드나 추적은 절대 발생하지 않습니다.

사용 가이드 및 팁

실제 사용 모습

온라인 자 사용법 - 1단계
온라인 자 사용법 - 2단계
온라인 자 사용법 - 3단계
온라인 자 사용법 - 4단계

사용 방법

1

처음 사용 시

확장 프로그램 아이콘을 클릭하고 "보정 모드"로 들어갑니다.

2

정렬 및 보정

참조물(예: 신용카드)을 선택하고 빨간색 상자가 실제 물체와 일치하도록 조정합니다.

3

측정 시작

페이지에 "자 추가" 또는 "각도기 추가"를 클릭하여 측정을 시작합니다.

4

스타일 전환

도구 모음의 아이콘을 클릭하여 재질, 색상을 빠르게 전환하거나 투명도를 조절합니다.

5

위치 및 각도 조절

본체를 드래그하여 이동하고, 끝에 있는 회전 핸들을 드래그하여 각도를 조절합니다.

자주 묻는 질문

시작하기

설치 후 '온라인 자'를 어떻게 여나요?

브라우저 오른쪽 상단의 퍼즐 아이콘 🧩을 클릭하고 '온라인 자'를 찾아 옆에 있는 고정(핀) 아이콘을 클릭하여 도구 모음에 고정하세요. 그 후 아이콘을 클릭하기만 하면 언제든지 자를 열 수 있습니다.

이 확장 프로그램이 정말 화면을 실제 자로 바꿀 수 있나요? 실제 자만큼 정확한가요?

네. 컴퓨터 화면마다 해상도가 다르기 때문에 일반 이미지는 정확하지 않습니다. 본 확장 프로그램은 '물리적 보정' 기술을 통해 신용카드나 A4 용지로 한 번만 맞추면 화면의 실제 크기를 기억하여 1:1의 정밀한 측정을 구현합니다.

신용카드가 없는데 보정할 수 있나요?

네. 시스템은 A4 용지나 동전 등 다양한 참조물을 지원합니다. 향후 A5 용지나 일반적인 스마트폰 화면 크기 등 더 많은 기준을 추가할 예정입니다.

사용 및 조작

'독립 창'과 '페이지 삽입' 모드의 차이점은 무엇인가요?

'독립 창'은 화면 어디로든 이동할 수 있고 다른 소프트웨어 위에 겹쳐서 볼 수 있는 깔끔하고 크기 조절이 가능한 자 창을 띄웁니다. '페이지 삽입'은 현재 탐색 중인 웹페이지에 자를 직접 '부착'하며 투명도 조절이 가능해 콘텐츠를 가리지 않습니다.

한 페이지에 여러 개의 자를 추가할 수 있나요?

네! 2.0.0 버전부터 여러 개의 자와 각도기를 동시에 지원합니다. '자 추가' 또는 '각도기 추가'를 여러 번 클릭하면 각 도구를 독립적으로 이동, 회전, 크기 조절 및 재질/색상 설정을 할 수 있어 비교 측정과 기하학적 배치에 매우 적합합니다.

자의 재질과 색상을 어떻게 변경하나요?

자 끝에 있는 도구 모음이나 팝업 메뉴에서 재질 전환 옵션을 찾을 수 있습니다. 현재 나무, 플라스틱, 금속 재질을 지원하며, 플라스틱은 다양한 색상 맞춤 설정이 가능합니다.

측정하려는 물체의 끝부분이 자의 맨 앞부분에 가려지면 어떻게 하나요?

'영점 오프셋' 기능을 사용하세요. 실제 자의 보호 끝부분을 시뮬레이션하여 시작 부분에 공백(밀리미터 단위)을 설정할 수 있으며, 원클릭으로 다시 '영점'으로 복구할 수 있습니다.

자를 길게 늘리거나 짧게 줄이려면 어떻게 하나요?

매우 간단합니다. 페이지 삽입 모드에서는 구석의 작은 손잡이를 찾을 필요 없이 자의 가장자리 '어디든' 드래그하여 길이를 자유롭게 조절할 수 있습니다.

자를 회전할 수 있나요?

네! 자 끝에 있는 회전 핸들을 드래그하기만 하면 됩니다. 또한 45°, 90°, 180° 정밀 스냅 기능을 지원하여 빠르게 조정할 수 있습니다.

직선자 외에 각도기도 추가할 수 있나요?

네! 2.0.0 버전에서 '기하학적 각도기' 기능을 추가했습니다. '각도기 추가'를 클릭하여 1:1 정밀도의 각도기를 삽입할 수 있습니다. 360도 회전, 다양한 색상 테마, PPI 데이터 기반의 물리적 보정 동기화를 지원합니다.

각도기에는 어떤 특별한 기능이 있나요?

올인원 각도기는 PPI 기반의 동기화 보정뿐만 아니라 360° 자유 회전과 다양한 반투명 색상 테마(클래식 블루, 테크 그린 등)를 지원하여 어떤 웹페이지 배경에서도 편리하게 사용할 수 있습니다.

설정 및 데이터

다른 페이지로 이동하면 보정된 데이터가 사라지나요?

아니요. 보정 데이터(PPI 등), 단위 기본 설정, 오프셋 양은 실시간으로 동기화 및 저장됩니다. 팝업 메뉴에서의 변경이나 페이지 전환 시에도 설정이 즉시 적용됩니다.

인치 단위를 지원하나요?

네. 본 확장 프로그램은 미터법(CM, MM)과 야드파운드법(인치 Inch) 이중 눈금을 제공하며, 인치 단위는 1/16인치까지 세분화된 고정밀 측정이 가능합니다.

삼점 동적 각도기란 무엇인가요? 일반 각도기와 어떻게 다른가요?

삼점 동적 각도기는 한 꼭짓점과 두 끝점을 사용하여 각도를 측정합니다. 일반 각도기와 달리 고정된 눈금에 맞출 필요 없이 세 개의 제어점을 직접 드래그하여 웹페이지의 요소에 맞출 수 있습니다. 특히 비표준 각도, 디자인 목업의 모서리 또는 이미지 내의 기하학적 각도를 측정하는 데 적합합니다.

삼점 동적 각도기의 측정 팔을 늘릴 수 있나요?

네. 두 끝점을 직접 드래그하면 측정 팔이 무한대로 늘어납니다. 따라서 넓은 영역, 긴 대각선 또는 복잡한 기하학적 도형을 가진 웹페이지 요소를 측정하는 데 이상적입니다.

삼점식 각도기의 중앙 부분 투명도를 조절할 수 있나요?

네. 삼점식 각도기는 중앙 부분 투명도를 개별적으로 조절할 수 있습니다. 이를 통해 중앙 부분이 웹페이지의 텍스트나 세부 정보를 가리지 않고 현재 측정 범위를 명확하게 확인할 수 있습니다.

보안 및 개인정보

웹 방문 기록이나 개인 정보를 읽어가나요?

아니요. 모든 보정 데이터와 설정은 브라우저의 로컬 환경에 저장됩니다. 서버로 어떠한 데이터도 전송하지 않습니다.

재질 질감이 실제인가요? 브라우저가 느려지지 않을까요?

모든 재질(나무, 플라스틱, 금속)은 SVG 기술을 사용하여 동적으로 생성된 사실적인 시각 효과입니다. 매우 가벼워 브라우저 속도에 전혀 지장을 주지 않습니다.

업데이트 로그

오픈 소스

이 확장 프로그램은 오픈 소스이며 코드는 GitHub에서 확인할 수 있습니다. 기여를 환영합니다!

GitHub에서 소스 코드 보기

나만의 툴킷 구축하기

Chrome을 위한 다른 생산성 도구도 확인해 보세요.

🚀
더 많은 확장 프로그램 탐색