웹 개발자나 파워 유저라면 웹사이트의 기능을 개선하거나 자동화하기 위해 사용자 스크립트를 자주 사용하곤 합니다. 하지만 Safari에서 이를 관리하는 것은 쉽지 않았습니다. 그럴 때 등장한 것이 바로 Userscripts입니다. 이 오픈소스 프로젝트는 Safari용 사용자 스크립트 관리자이자 편집기로, 사용자가 원하는 대로 웹 브라우저를 커스터마이즈할 수 있게 도와줍니다. 이 글에서는 Userscripts의 주요 기능과 설치 방법, 기본 사용법에 대해 자세히 알아보겠습니다.
Userscripts의 주요 기능
1. 쉽고 직관적인 사용자 인터페이스
Userscripts는 사용자 친화적인 인터페이스를 제공하여, 복잡한 설정 없이도 쉽게 사용자 스크립트를 설치하고 관리할 수 있습니다. 특히, iOS와 macOS 모두에서 사용할 수 있는 점이 큰 장점입니다.
2. iCloud 동기화 기능
사용자 스크립트를 여러 디바이스 간에 동기화할 수 있는 기능이 있어, iOS와 macOS 간의 스크립트 관리가 매우 용이합니다. 이 기능을 통해 언제 어디서나 동일한 스크립트를 사용할 수 있습니다.
3. 다양한 스크립트 설치 방법 지원
사용자는 .user.js 확장자를 가진 스크립트를 URL로 직접 설치하거나, 로컬 폴더에 스크립트 파일을 저장하여 사용할 수 있습니다. 이 두 가지 방법은 모두 동일하게 작동합니다.
설치 방법
iOS (iPadOS)에서 설치하기
- App Store에서 Userscripts 앱 다운로드
- 디렉토리 설정
- Safari에서 확장 기능 활성화
- App Store에서 Userscripts 다운로드
- 디렉토리 설정은 선택 사항
.user.jsURL 방문하기- 로컬 파일 저장하기
- 자동화: 특정 웹사이트에서 자주 수행하는 작업을 자동화할 수 있습니다. 예를 들어, 반복적으로 같은 폼을 입력해야 하는 경우, 해당 작업을 스크립트로 만들어 자동으로 수행하게 할 수 있습니다.
- UI 개선: 웹사이트의 사용자 인터페이스를 개선하거나 불필요한 요소를 숨길 수 있습니다.
- 데이터 수집: 특정 웹사이트에서 정보를 자동으로 수집하여 데이터 분석에 활용할 수 있습니다.
- Tampermonkey: 크로스 플랫폼에서 사용할 수 있는 사용자 스크립트 매니저로, 가장 많이 사용되는 도구 중 하나입니다. 하지만 Safari에서의 공식 지원이 제한적입니다.
- Violentmonkey: Tampermonkey와 유사하지만, 더 많은 브라우저를 지원합니다. 그러나 Safari에서는 Userscripts보다 설정이 복잡할 수 있습니다.
- App Store 링크에서 앱을 다운로드합니다.
- 앱을 열고 스크립트가 저장될 디렉토리를 설정합니다. 이후 버전에서는 자동으로 설정됩니다.
- 설정 앱에서 Safari > 확장으로 이동하여 Userscripts를 활성화합니다. 모든 웹사이트에 대해 항상 허용하는 것이 좋습니다.
macOS에서 설치하기
- iOS와 마찬가지로 App Store에서 다운로드합니다.
- 기본 디렉토리를 사용할 경우 별도로 설정할 필요가 없습니다. 기본 경로는 ~/User/Library/Containers/Userscripts/Data/Documents/scripts입니다.
기본 사용법
사용자 스크립트 설치하기
- Safari에서 .user.js로 끝나는 URL을 열고, 확장 프로그램 팝업에서 설치 프롬프트를 확인합니다.
- 사용자는 저장할 스크립트 파일을 직접 설정한 Userscripts 디렉토리에 저장할 수 있습니다.
코드 예제
// UserScript
// @name Hello World Script
// @namespace http://tampermonkey.net/
// @version 0.1
// @description A simple hello world script
// @author You
// @match https://example.com/*
// @grant none
// /UserScript
(function() {
'use strict';
alert('Hello, World!');
})();
이 스크립트는 https://example.com에서 페이지가 로드될 때 "Hello, World!"라는 알림을 띄우는 간단한 예제입니다. 위 코드를 .user.js 확장자를 가진 파일로 저장한 후, Userscripts를 통해 설치하면 됩니다.
실무 활용 시나리오
비슷한 도구들과의 비교
마무리
Userscripts는 Safari 사용자를 위한 강력한 도구로, 웹 브라우저의 기능을 한층 더 확장해 줍니다. 웹 개발자나 파워 유저라면 이 도구를 통해 더욱 효율적으로 작업할 수 있을 것입니다. 사용자 스크립트 관리의 새로운 차원을 경험하고 싶다면, 지금 바로 Userscripts를 설치해 보세요.
더 자세한 사항은 GitHub 리포지토리를 방문하여 확인하실 수 있습니다.