맨위로가기

커서 (사용자 인터페이스)

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요

커서는 컴퓨터 사용자 인터페이스에서 사용자의 작업 위치를 시각적으로 나타내는 요소이다. 초기에는 계산기에서 사용되던 용어가 컴퓨터로 전파되었으며, 텍스트 커서와 마우스 포인터로 구분된다. 텍스트 커서는 텍스트 입력 위치를 표시하며, 마우스 포인터는 화면 상의 객체를 선택하거나 조작하는 데 사용된다. 3D 모델링 환경에서는 3D 커서가 사용되며, 특수한 프로그래밍 언어나 게임기에서도 커서 조작 방식이 존재한다. 마우스 오버는 커서를 특정 요소 위에 올려놓는 행위를 의미하며, 롤오버는 마우스 오버 시 발생하는 시각적 변화를 뜻한다.

더 읽어볼만한 페이지

  • 사용자 인터페이스 - 로그인
    로그인은 특정 페이지, 웹사이트 또는 응용 프로그램에 접근하기 위해 사용자 이름과 암호를 입력하여 시스템에 접근하는 절차이며, 1960년대 시분할 시스템과 1970년대 BBS에서 사용되기 시작했다.
  • 사용자 인터페이스 - 키넥트
    키넥트는 마이크로소프트에서 개발한 동작 인식 장치로, 적외선 프로젝터와 센서를 사용하여 사용자의 움직임과 음성을 인식하며, Xbox용으로 출시되어 큰 인기를 얻었지만 개인정보 보호 문제 등으로 판매가 부진하여 생산이 중단되었고, 다양한 분야에서 활용되며 기술적 가치를 인정받아 클라우드 기반 Azure Kinect로 이어졌으나 단종되었다.
  • 그래픽 사용자 인터페이스 - 메트로 (디자인 언어)
    마이크로소프트가 스위스 그래픽 디자인과 런던 지하철 표지판에서 영감을 받아 개발한 메트로 디자인 언어는 큰 텍스트, 간결한 타이포그래피, 라이브 타일 등의 특징을 가지며 Windows, Xbox, Microsoft Office 등 다양한 제품에 적용되었고, 상표권 문제와 함께 명칭 변경 및 MDL2로 진화하며 사용자 경험에 대한 엇갈린 평가를 받았다.
  • 그래픽 사용자 인터페이스 - 작업 표시줄
    작업 표시줄은 윈도우 운영체제에서 화면 하단에 위치하여 프로그램 실행, 창 관리, 시스템 상태 확인 기능을 제공하는 사용자 인터페이스 요소이며, 윈도우 95부터 도입되어 다양한 사용자 정의 설정을 지원하며 발전해 왔다.
커서 (사용자 인터페이스)
사용자 인터페이스 요소
커서 아이콘
일반적인 화살표 커서.
종류마우스 커서
텍스트 커서
마우스 커서
형태사용자가 현재 상호 작용하는 애플리케이션 또는 운영 체제의 상태를 반영하는 다양한 형태를 가질 수 있음.
용도인터페이스의 특정 요소를 가리키고 클릭하거나 드래그하는 데 사용됨.
하이퍼링크를 가리킬 때 손 모양으로 변경될 수 있음.
백그라운드 작업이 진행 중임을 나타내는 모래시계 또는 회전하는 원으로 변경될 수 있음.
텍스트 커서
형태일반적으로 텍스트 필드나 문서 내에서 텍스트가 삽입될 위치를 나타내는 수직선 또는 블록 형태.
다른 이름캐럿(caret)이라고도 함.
용도텍스트 편집 시 삽입 위치를 시각적으로 표시하고, 텍스트 선택 범위를 지정하는 데 사용됨.
디자인 및 사용자 경험
역할사용자 인터페이스에서 중요한 역할을 수행하며, 효과적인 사용자 경험을 위해 신중하게 디자인되어야 함.
고려 사항가시성
명확성
일관성
접근성
고려 사항커서 크기
색상 대비
깜박임 속도
접근성 관련 지침 준수 (WCAG)
기술적 측면
구현운영 체제 및 애플리케이션에서 다양한 방식으로 구현될 수 있음.
사용자 지정사용자가 커서 모양, 크기, 색상 등을 사용자 지정할 수 있도록 하는 기능이 제공될 수 있음.
관련 용어
포인터마우스나 터치패드와 같은 입력 장치를 통해 화면상의 위치를 가리키는 데 사용되는 시각적 요소.
캐럿 (Caret)텍스트 커서를 지칭하는 또 다른 용어.

2. 역사

'커서'는 라틴어로 '주자'를 뜻한다. 커서는 계산자에서 점을 표시하기 위해 사용되는 가는 선이 새겨진 투명한 슬라이드에 주어진 이름이다. 이 용어는 비유를 통해 컴퓨터로 이전되었다.

계산기의 커서


1963년 11월 14일, 네바다주 리노에서 열린 컴퓨터 그래픽스 컨퍼런스에 참석한 증강 연구 센터(ARC)의 더글러스 엥겔바트는 인간 지능을 ''증강''하기 위한 하드웨어 및 소프트웨어 컴퓨터 기술 개발이라는 목표를 추구하기 위해, 플래니미터의 기본 원리를 X, Y 좌표 데이터 입력에 어떻게 적용할 것인가를 고심하며, 초기에는 "버그"라고 불렀고, 3점 형식으로 "낙하 지점과 2개의 직교 바퀴"를 가질 수 있는 마우스의 커서와 유사한 것을 구상했다. 그는 이 "버그"가 사용하기에 "더 쉽고" "더 자연스러울 것"이며, 스타일러스와 달리 놓으면 움직이지 않아 "키보드와의 조율에 훨씬 더 좋을 것"이라고 썼다.

빌 잉글리시 아래 ARC의 젊은 하드웨어 설계자인 로저 베이츠에 따르면, 당시 화면의 커서는 알 수 없는 이유로 'CAT'이라고도 불렸으며, 이로 인해 새로운 포인팅 장치를 '마우스'라고 부르게 되었다고 한다.

3. 텍스트 커서

텍스트 커서('''캐럿'''이라고도 함)[1]는 대부분의 명령 줄 인터페이스나 텍스트 편집기에서 밑줄, 단색 사각형 또는 수직선으로 표시되며, 깜빡이거나 고정될 수 있다. 입력 시 텍스트가 배치될 위치('''삽입 지점''')를 나타낸다.[1] 텍스트 모드 디스플레이에서는 문자 사이에 수직 막대를 표시하는 것이 불가능했으므로 밑줄 또는 블록 커서가 대신 사용되었다. 블록 커서는 일반적으로 부울 수학 배타적 OR 함수를 사용하여 문자의 픽셀을 반전시켜 생성되었다.[2] 현대적인 비트맵 디스플레이 기반 텍스트 편집기 및 워드 프로세서에서는 일반적으로 수직 막대가 사용된다.

사각형 커서


밑줄 커서


일부 인터페이스는 삽입 키를 사용하여 삽입 모드(텍스트가 기존 텍스트 중간에 삽입)에서는 밑줄 또는 가는 수직 막대를, 덮어쓰기 모드(삽입된 텍스트가 기존 텍스트를 덮어씀)에서는 더 큰 블록 커서를 사용한다. 블록 커서는 문자 너비의 선택된 텍스트 조각으로 볼 수 있으며, 입력하면 커서 ''안''의 텍스트가 새 텍스트로 대체된다.

양방향 텍스트를 지원하는 시스템에서는 텍스트 흐름 방향을 나타내기 위해 위쪽 또는 아래쪽을 가리키는 작은 부속물이 있는 수직선 형태의 텍스트 커서를 사용하며, 이를 'bidi 커서'라고 한다.[6] 경우에 따라 커서가 두 부분으로 나뉘어 왼쪽에서 오른쪽, 오른쪽에서 왼쪽 텍스트가 삽입될 위치를 각각 나타내기도 한다.[6]

깜박이는 커서의 개념은 1967년 8월에 출원된 미국 특허 3531796을 통해 Charles Kiesling Sr.에게 귀속될 수 있다.[3][4][5] 최근에는 비트맵을 이용한 화면 표시에서 문자 사이에 표시되는 세로선 또는 캐럿 등으로 커서를 표시하는 경우가 많다. 이는 문자 간의 "삽입"을 보다 직접적으로 표현하고, 프로포셔널 폰트에서도 커서 모양의 변화를 억제할 수 있다는 장점이 있다. 반면, 사각형 커서에 비해 화면에서 눈에 띄기 어렵다는 단점도 있다.

3. 1. 텍스트 커서의 이동

일반적인 텍스트 편집기에서 텍스트 커서는 다양한 키를 눌러 이동할 수 있다. 여기에는 네 개의 커서 키, 페이지 업 및 페이지 다운 키, Home 키, End 키Control 키와 같은 수정 키를 포함하는 다양한 키 조합이 포함된다.[1] 마우스 포인터를 문서의 다른 위치로 이동하고 클릭하여 커서 위치를 변경할 수도 있다.[1]

텍스트 커서의 깜박임은 일반적으로 이동 중일 때 일시적으로 중단된다.[1] 그렇지 않으면 커서가 보이지 않을 때 위치가 변경되어 위치를 추적하기 어려울 수 있기 때문이다.[1]

게임기에서는 메뉴형 인터페이스를 채택하여 십자키로 조작하는 경우가 많다. GUI에서는 주로 마우스 등의 포인팅 장치를 사용하여 조작할 수 있으며, 이것이 마우스 포인터이다. 커서 조작은 앞서 언급한 방향키 또는 마우스 포인터로 가리킨 위치를 마우스로 클릭하여 이동할 수 있다.

4. 포인터 (마우스 커서)

마우스와 같은 포인팅 장치로 동작하는 인터페이스는 이차적인 커서를 추가하여 '''마우스 포인터'''(mouse pointer영어)의 위치를 보여준다. GUI 환경에서 조작 대상을 나타내기 위해 표시되는 화살표 등의 작은 도형도 커서라고 불렸지만, 마우스로 조작되는 경우가 많으므로, 현재는 마우스 포인터라고 불린다.

컴퓨팅에서 포인터 또는 마우스 포인터는 컴퓨터 모니터 또는 다른 디스플레이 장치에 표시되는 기호 또는 그래픽 이미지로, 일반적으로 마우스, 터치패드 또는 스타일러스 펜과 같은 포인팅 장치의 움직임을 반영한다. 사용자의 작업이 발생하는 지점을 알려준다. 텍스트 기반 사용자 인터페이스 또는 그래픽 사용자 인터페이스에서 다른 요소를 선택하고 이동하는 데 사용할 수 있다. 키보드 커서도 포인터를 사용하여 위치를 변경할 수 있다.

포인터는 일반적으로 각진 화살표로 나타나지만, 다른 프로그램이나 운영 체제 내에서 다양하게 변경될 수 있다. 입력 방식 또는 포인팅 장치가 화면 전체에서 유연하게 움직이며 화면의 객체를 선택하거나 강조 표시할 수 있는 장치일 때 포인터를 사용한다. 포인터는 마우스, 터치패드 또는 트랙볼과 같은 포인팅 장치의 움직임을 반영한다. 이러한 종류의 포인터는 메뉴, 버튼, 스크롤 막대 또는 기타 모든 위젯과 같은 그래픽 사용자 인터페이스의 요소를 직접 조작하는 데 사용된다.

마우스 포인터


많은 GUI에서는 상황에 따라 마우스 포인터의 모양이 변화한다.

50px


50px


50px

4. 1. 포인터의 모양

그래픽 사용자 인터페이스에서 마우스 포인터는 보통 화살표 모양을 하고 있지만, 상황에 따라 다양한 모양으로 바뀐다.

보통 선택

  • 사용자가 텍스트를 선택하거나 편집할 수 있는 곳에서는 I-빔 모양으로 바뀐다.

I-beam 커서

  • 문서를 볼 때는 모든 손가락을 편 손 모양이 나타난다.
  • 그림을 편집할 때는 브러시, 연필, 페인트 통과 같은 그래픽 편집 도구 모양으로 바뀐다.
  • 의 가장자리에서는 크기 조절을 위한 양방향 화살표(수직, 수평, 대각선) 모양으로 바뀐다.
  • 컴퓨터가 작업을 처리 중이거나 사용자 입력을 받을 수 없을 때는 대기 상태를 나타내는 포인터가 나타난다.


Windows 7에서는 제어판의 마우스 설정을 통해 포인터의 색깔, 모양, 크기, 클릭 시 반응 등을 사용자가 원하는 대로 조정할 수 있었다.

4. 2. 포인터 트레일 및 애니메이션

마우스 포인터 트레일의 예


'''포인터 트레일'''은 움직이는 포인터의 시인성을 높이기 위해 사용되는 기능이다. GUI 운영체제의 기능으로, Windows 3.1x 이후 모든 버전의 마이크로소프트 윈도우에서 선택적으로 사용할 수 있다. 포인터 트레일이 활성화되면 마우스나 스타일러스를 움직일 때, 시스템은 이전 위치의 포인터 이미지를 바로 제거하지 않고 잠시 기다린다. இதனால் 포인터가 지나간 자리에 뱀 모양의 아이콘 흔적이 남아 실제 포인터를 따라가는 것처럼 보인다. 사용자가 마우스 움직임을 멈추거나 스타일러스를 화면에서 떼면 흔적은 사라지고 포인터는 정상으로 돌아온다. 이 기능은 주로 시각 장애가 있는 사용자나 밝은 햇빛 아래의 LCD 화면처럼 시인성이 낮은 환경에서 유용하다. 윈도우에서는 제어판의 마우스 설정에서 포인터 트레일을 활성화할 수 있다.

Windows NT에서 도입된 애니메이션 포인터는 포인터 위치에서 재생되는 작은 루핑 애니메이션이다.[17] 이는 컴퓨터가 작업 중임을 나타내는 시각적 신호로 사용될 수 있다.[18] 도입 후, 다양한 애니메이션 포인터를 타사 공급업체에서 다운로드할 수 있게 되었다. 그러나 애니메이션 포인터는 CPU에 추가 부하를 줄 뿐만 아니라, 보안 취약점을 야기하기도 했다. 'Windows Animated Cursor Remote Code Execution Vulnerability'로 알려진 클라이언트 측 익스플로잇은 버퍼 오버플로우 취약점을 이용하여 윈도우의 애니메이션 커서 로드 루틴을 통해 악성 코드를 로드했다.[19]

5. 3D 커서

블렌더 내의 3D 커서 (중앙)


3D 모델링 환경에서 커서는 새로운 데이터 추가나 회전과 같은 변환 작업의 기준점 또는 삽입 지점으로 활용된다. 예를 들어 블렌더에서는 3D 뷰포트 내에서 메시 배치 등의 작업 위치를 결정할 때 3D 커서를 사용한다.[20]

6. 특수 커서

LOGO 프로그래밍 언어에서는 화면상의 거북이(터틀)에 "회전", "전진" 등의 명령을 내려 도형을 그릴 수 있다. 터틀은 현재 위치와 진행 방향을 유지한다.

7. 커서 조작

대부분의 컴퓨터 시스템 키보드에는 상하좌우 4방향으로 커서를 이동시키는 방향키가 있다. 컨트롤 키와 다른 키를 조합하여 커서 이동을 지시하기도 한다. 다이아몬드 커서가 그 예이다.

UNIX에서 인기가 높은 텍스트 에디터인 vi와 Emacs는 각각 독특한 커서 이동 조작 방식을 가지고 있다. 다른 응용 프로그램에서도 이러한 커서 이동을 재현하기 위한 사용자 정의 방법을 제공하기도 한다.

게임기에서는 메뉴형 인터페이스를 채택하여 십자키로 조작하는 경우가 많다.

GUI에서는 주로 마우스 등의 포인팅 장치를 사용하여 커서를 조작하며, 이것이 마우스 포인터이다. 커서는 방향키를 이용하거나, 마우스 포인터로 가리킨 위치를 클릭하여 이동할 수 있다. 일반적인 텍스트 편집기에서는 커서 키, 페이지 업 및 페이지 다운 키, Home 키, End 키, Control 키 등을 조합하여 커서를 이동할 수 있다.

7. 1. 마우스 오버 (마우스 호버)

마우스 오버(마우스 호버, 온 마우스, 포인트)는 마우스 포인터를 어떤 요소 위에 올려놓는 조작, 혹은 커서를 어떤 요소 위에 올려놓은 상태를 말한다.[24][25] mouseover|마우스 오버영어는 영어식 표현이다.

7. 2. 롤오버

마우스와 같은 포인팅 장치로 동작하는 인터페이스는 이차적인 커서를 추가하여 '''마우스 포인터'''의 위치를 보여 준다. 수많은 그래픽 사용자 인터페이스에서 마우스 커서는 환경에 따라 모양을 바꾼다. 커서가 하이퍼링크 위에 놓일 때, 손가락 모양의 커서로 바뀌는 것을 롤오버라고 한다.[24]

참조

[1] 웹사이트 'FIX: The caret shape appears as a thick rectangle after you switch from the Korean Input Method Editor (IME) to English in Visual FoxPro 8.0' http://support.micro[...]
[2] 특허 U.S. Patent #4197590 https://patents.goog[...]
[3] 웹사이트 'US Patent 3531796: Blinking cursor for crt display' https://patents.goog[...] 2022-01-06
[4] 웹사이트 'Text size comment share tweet email Print Charles A., Sr. Kiesling obituary' https://www.startrib[...] 2022-01-06
[5] 웹사이트 Who invented the blinking cursor https://ux.stackexch[...] Stack Exchange 2022-01-06
[6] 문서 ATSUI Programming Guide: Caret Handling https://developer.ap[...]
[7] 뉴스 The Cellphone, Navigating Our Lives https://www.nytimes.[...] 2011-12-14
[8] 웹사이트 Haptic Issues for Virtual Manipulation http://research.micr[...] "[[Microsoft]]" 2011-12-14
[9] 웹사이트 Input Technologies and Techniques http://research.micr[...] "[[Microsoft]]" 2011-12-14
[10] 웹사이트 Cursor https://developer.mo[...]
[11] 웹사이트 'Document from 1981 reveals why mouse cursor is tilted and not straight' https://web.archive.[...] 2014-02-18
[12] 웹사이트 Mouse https://web.archive.[...] 2008-05-29
[13] 웹사이트 "Setting a Cursor's Hot Spot" https://web.archive.[...] 2008-05-02
[14] 웹사이트 Visualizing Fitts' Law http://particletree.[...] 2007-10-03
[15] 웹사이트 "Fitts' Law and Infinite Width" https://web.archive.[...] 2021-04-07
[16] 웹사이트 ComputerHope.com http://www.computerh[...]
[17] 서적 Encyclopedia Of Information Technology Atlantic Publishers & Distributors
[18] 서적 FCS Systems Analysis & Design L4 Pearson Education South Africa
[19] 서적 'Hacking exposed: network security secrets & solutions' McGraw Hill Professional
[20] 웹사이트 '3D Cursor — Blender Manual' https://docs.blender[...] 2022-04-04
[21] 서적 bit 単語帳 "[[共立出版]]" 1990-08-15
[22] 문서 Charles A Kiesling
[23] Citation Blinking cursor for crt display https://patents.goog[...] 1967-08-24
[24] 문서 ロールオーバーをマウスオーバーの[[同義語]]として扱うこともある。
[25] 문서 同義語も同様。ロールオーバーを含む。
[26] 문서 ページのプレビューに含まれている設定ボタンを選択することで、無効化することができる。その際、[[ツールチップ]]に置き換わる。



본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com