목차
Table of Contents
본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.
왜 User Select 속성을 비활성화해야 하나요?
사용자가 웹사이트를 탐색할 때, 클릭하려고 하는 요소 내부에 텍스트처럼 선택 가능한 요소가 있으면 오히려 불편할 때가 있어요. 예를 들어 버튼을 클릭하려고 했는데 텍스트가 드래그된다면 경험이 조금 어색해지죠. 이럴 때 User Select라는 속성을 활용하면, 사용자가 특정 레이어를 선택하지 못하도록 할 수 있습니다.
User Select 비활성화하는 방법
선택을 막고 싶은 레이어를 클릭해주세요.
오른쪽 속성(Properties) 패널을 열어주세요.
Styles 영역에서
+아이콘을 클릭하여 새로운 속성을 추가해주세요.User Select항목을 선택하여 레이어에 추가해주면 됩니다.
User Selet 속성을 추가한 후
해당 속성이 추가되면 아래의 두 가지 옵션 중 선택할 수 있어요.
None: 이 레이어가 선택되지 않도록 설정합니다.Auto: 브라우저 기본 설정을 따르며 선택 가능하게 합니다.
한 번 설정했다고 해서 고정되지 않기 때문에 필요에 따라 User Select 속성을 다시 열어 원하는 값으로 변경하면 됩니다. 사용자가 굳이 텍스트처럼 드래그할 필요가 없는 요소라면 대부분 None을 선택해두면 깔끔합니다.
설정을 따라 했는데도 잘 작동하지 않는다면, Framer 지원팀에 문의하면 빠르게 도움을 받을 수 있어요.
자주 묻는 질문(FAQ)
Q. None 속성을 설정하면 레이어를 포함하고 있는 버튼도 클릭이 안 되나요?
아닙니다. User Select는 선택된 레이어 드래그/선택만 막는 속성입니다. 버튼 클릭, 호버 효과 등은 그대로 정상 동작합니다.
Q. 이미지나 아이콘에도 User Select가 적용되나요?
네. 이미지나 아이콘 레이어를 선택하여 해당 속성을 추가해주시면 선택할 수 없도록 할 수 있습니다.
Q. None 속성을 설정하면 레이어 복사(Ctrl+C)도 막을 수 있나요?
네. 마우스로 드래그해서 텍스트 레이어를 선택하지 못하도록 지정했기 때문에, 텍스트 복사 또한 막을 수 있습니다.
본 글은 Framer 공식 블로그의 ‘Disabling user select on a layer’를 번역·각색한 콘텐츠입니다.
