스타일리시
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
1. 개요
스타일리시는 사용자가 웹 페이지의 모양을 변경할 수 있도록 설계된 CSS 코드를 적용하는 브라우저 확장 프로그램이다. 웹 페이지의 기본 스타일을 재정의하거나, 광고 차단, 새로운 색상 구성표 적용, 원치 않는 페이지 요소 제거 등의 기능을 제공한다. Stylish는 특정 웹사이트, 모든 웹사이트 또는 파이어폭스 사용자 인터페이스의 모양을 변경하는 세 가지 종류의 스타일을 지원한다. 2016년 개인 정보 문제로 인해 한동안 Chrome 웹 스토어와 Mozilla Add-ons에서 제거되었으나, 데이터 수집에 대한 옵트인 방식을 도입하여 재출시되었다. Stylish의 대체 확장 프로그램으로는 Stylus 등이 있다.
더 읽어볼만한 페이지
- CSS - X11 색 이름
X11 색 이름은 X 윈도 시스템에서 사용되는 색상 체계로, 웹 브라우저에서 널리 사용되는 색상 표준이며, HTML 색상 정의와 차이를 보이고, 최근 릴리스에서는 W3C 정의도 지원한다. - CSS - CSS 애니메이션
CSS 애니메이션은 웹 페이지 요소에 애니메이션 효과를 부여하는 CSS 모듈로, 주요 웹 브라우저에서 지원되며 다양한 논란에도 불구하고 널리 사용된다. - 스파이웨어 - 트로이 목마 (컴퓨팅)
겉으로는 정상적인 프로그램으로 위장하여 시스템에 침투해 악성 행위를 하는 트로이 목마는 시스템 손상, 정보 탈취, 자원 악용 등 다양한 피해를 유발하는 악성코드의 일종이며, 정부에서 사용하는 스파이웨어 형태도 존재하여 개인 정보 침해 논란을 야기한다. - 스파이웨어 - 키로깅
키로깅은 키보드 입력 내용을 몰래 기록하는 행위 또는 소프트웨어/하드웨어를 의미하며, 악성 소프트웨어와 결합하여 개인 정보 탈취에 악용되는 사례가 증가하고 있어 대응 기술 및 수사 활용이 연구되고 있다. - 파이어폭스 - 모질라 파이어폭스
모질라 파이어폭스는 모질라 재단에서 개발한 무료 오픈 소스 웹 브라우저로, 탭 브라우징, 팝업 차단, 확장 기능 등을 지원하며 웹 표준 준수 및 개인 정보 보호 기능을 강화했다. - 파이어폭스 - 파이어폭스 4
파이어폭스 4는 2011년 3월에 출시된 모질라 재단의 웹 브라우저로, 혁신적인 사용자 인터페이스 변화, HTML5 등 최신 웹 표준 지원, JägerMonkey 엔진을 통한 성능 향상, 그리고 추적 거부 기능과 플래시 쿠키 삭제를 통한 보안 강화가 특징이다.
| 스타일리시 - [IT 관련 정보]에 관한 문서 | |
|---|---|
| 기본 정보 | |
 | |
| 개발자 | Jason Barnabe |
| 최초 릴리스 | 2005년 10월 9일 |
| 운영체제 | 마이크로소프트 윈도우 |
| 종류 | 브라우저 확장 기능 |
| 라이선스 | 프리웨어 |
| 웹사이트 | Stylish 공식 웹사이트 |
| 최신 버전 정보 | |
| Firefox | 3.1.8 (2018년 7월 28일) |
| Chrome | 2.1.4 (2022년 4월 26일) |
| Opera | 1.3.1 (2015년 5월 5일) |
| Safari | 2.1.0 (2018년 6월 29일) |
| 리포지토리 | |
| Mozilla (XUL/XPCOM) | Mozilla (XUL/XPCOM) 리포지토리 |
| Chrome, Opera | Chrome, Opera 리포지토리 |
| Safari | Safari 리포지토리 |
| Opera 12 (Presto) | Opera 12 (Presto) 리포지토리 |
2. 기술적 세부 사항
스타일리시를 위한 스타일시트는 어떤 위치 저장되고, 그런 후에 그 페이지를 방문했을 때 삽입된다. 일반적으로 사용자는 웹 페이지의 기본 스타일에 우선해서 적용되는 모든 규칙 선언 뒤에 `!important`를 삽입한다.[13]
사용자 스타일은 하나, 일부 또는 모든 사이트의 모양을 변경하도록 설계된 CSS 코드이다. 파이어폭스용 Stylish는 브라우저 자체의 스킨도 스타일링할 수 있지만, 안드로이드 버전은 사용자 인터페이스가 기본 안드로이드 코드로 구축되어 있어 이 기능을 지원하지 않는다. 스타일은 지정된 대상에만 적용된다. 개별 사용자 스타일은 브라우저를 다시 시작하지 않고도 활성화하거나 비활성화할 수 있다.
사용자 스타일은 사이트에서 제공하는 CSS 규칙에 추가되지만 사이트의 스타일을 재정의할 수도 있다(종종 각 대체 규칙에 `!important` 키워드가 필요함). 가장 일반적인 용도는 광고 차단, 새로운 색상 구성표 적용, 원치 않는 페이지 요소 제거이다.[13]
사용자 스타일에는 세 가지 종류가 있다. 사이트 스타일은 특정 웹 사이트의 모양을 변경한다. 전역 스타일은 모든 웹 사이트의 모양을 변경한다. 앱 스타일은 파이어폭스 사용자 인터페이스의 모양을 변경하며 파이어폭스에서만 지원된다. 이는 파이어폭스 및 모질라 기반 브라우저에서 사용되는 `userChrome.css` CSS 파일과 유사하다.
2. 1. 스타일 종류
스타일은 특정 웹 사이트, 모든 웹 사이트, 또는 파이어폭스 사용자 인터페이스(파이어폭스에서만 지원)의 모양을 변경할 수 있다.[13][47] 사용자 스타일은 사이트에서 제공하는 CSS 규칙에 추가되지만,!important 키워드를 사용하여 사이트의 스타일을 재정의할 수도 있다.[13]어떤 사이트에서 웹 페이지의 레이아웃을 수정할 수 있는 스타일이 있다.[45] 모든 사이트에 적용되는 스타일은 일반적인 배경색을 적용하거나 광고 차단을 포함할 수 있다.[48] 파이어폭스용 Stylish는 브라우저 자체의 스킨도 스타일링할 수 있지만, 안드로이드 버전은 사용자 인터페이스가 기본 안드로이드 코드로 구축되어 있어 이 기능을 지원하지 않는다. 스타일은 지정된 대상에만 적용되며, 개별 사용자 스타일은 브라우저를 다시 시작하지 않고도 활성화하거나 비활성화할 수 있다.
사용자 스타일의 가장 일반적인 용도는 광고 차단, 새로운 색상 구성표 적용, 원치 않는 페이지 요소 제거 등이다.[13] 이는 파이어폭스 및 모질라 기반 브라우저에서 사용되는
userChrome.css CSS 파일과 유사한 방법이다.[46][47]2. 2. 작동 방식
스타일리시의 스타일시트는 특정 위치에 저장된 후, 사용자가 해당 페이지를 방문했을 때 삽입된다. 일반적으로 사용자는 웹 페이지의 기본 스타일에 우선하여 적용되는 모든 규칙 선언 뒤에 `!important`를 삽입한다.[13]사용자 스타일은 하나, 일부 또는 모든 사이트의 모양을 변경하도록 설계된 CSS 코드이다. 파이어폭스용 Stylish는 브라우저 자체의 스킨도 스타일링할 수 있지만, 안드로이드 버전은 사용자 인터페이스가 기본 안드로이드 코드로 구축되어 있어 이 기능을 지원하지 않는다. 스타일은 지정된 대상에만 적용되며, 개별 사용자 스타일은 브라우저를 다시 시작하지 않고도 활성화하거나 비활성화할 수 있다.[13]
사용자 스타일은 사이트에서 제공하는 CSS 규칙에 추가되지만, 사이트의 스타일을 재정의할 수도 있다. (종종 각 대체 규칙에 `!important` 키워드가 필요함). 가장 일반적인 용도는 광고 차단, 새로운 색상 구성표 적용, 원치 않는 페이지 요소 제거이다.[13] 사용자 스타일에는 세 가지 종류가 있는데, 특정 웹 사이트의 모양을 변경하는 사이트 스타일, 모든 웹 사이트의 모양을 변경하는 전역 스타일, 그리고 파이어폭스 사용자 인터페이스의 모양을 변경하는 앱 스타일이 있다. 앱 스타일은 파이어폭스에서만 지원되며, 파이어폭스 및 모질라 기반 브라우저에서 사용되는 `userChrome.css` CSS 파일과 유사하다.[13]
3. 개인 정보 문제
2016년 9월, Stylish와 userstyles.org의 제작자인 제이슨 바나베는 이 프로젝트에 대한 흥미를 잃었다며 "저스틴 힌드만을 Stylish와 userstyles.org의 다음 리더로 선택했다"고 발표했다.[14] 힌드만은 Stylish나 userstyles.org와 아무런 관련이 없었으며,[15] 바나베가 단순히 이스라엘 분석 회사 SimilarWeb을 위한 명의신탁으로 그들을 힌드만에게 판매했다는 것이 곧 분명해졌다.[16][17]
2016년 12월 힌드만은 Stylish for Chrome에 대한 업데이트를 출시하기 시작했으며,[18] 이 업데이트는 사용자의 브라우징 활동을 Userstyles에 완벽하게 복제하여 반환했다.[19] 2017년 1월 3일 그는 "Stylish 사용자가 SimilarWeb의 시장 조사 패널에 참여하게 될 것"이라는 SimilarWeb과의 "파트너십"을 발표했다.[20] 11월 10일에는 Firefox 웹 확장(3.0.1)이 출시되었고, 10월 31일에는 사용자 스타일을 웹 확장 호환 데이터베이스로 마이그레이션하기 위한 Stylish XUL+XPCOM 애드온의 최종 업데이트(2.1.1)가 출시되었다.[21][22]
2018년 7월, 소프트웨어 엔지니어에 의해 이러한 문제가 공개된 후,[23] Stylish는 Chrome 웹 스토어와 Mozilla Add-ons에서 모두 제거되었으며, 기존 사용자의 경우 자동적으로 제거되었다.[24][25][26] Stylish는 8월 16일 Mozilla Add-ons에,[27] 11월 5일 Chrome 웹 스토어에 다시 등장했으며,[18] 동일한 로직을 유지하면서 확장 프로그램을 설치할 때 데이터 수집에 동의하도록 요청하는 새로운 옵트인 페이지를 선보였다.[28][29] Firefox는 현재 Stylish의 사용자 수가 더 인기 있는 대안인 Stylus보다 적다고 보고한다.[30][31]
3. 1. SimilarWeb 인수와 데이터 수집
2016년 9월, Stylish와 userstyles.org의 제작자인 제이슨 바나베는 프로젝트에 대한 흥미를 잃었다며 저스틴 힌드만을 Stylish와 userstyles.org의 다음 리더로 선택했다고 발표했다.[14] 그러나 힌드만은 Stylish나 userstyles.org와 아무런 관련이 없었으며,[15] 바나베가 이스라엘 분석 회사 SimilarWeb을 위한 명의신탁으로 그들을 힌드만에게 판매했다는 것이 곧 밝혀졌다.[16][17]2016년 12월, 힌드만은 Stylish for Chrome에 대한 업데이트를 출시하기 시작했는데,[18] 이 업데이트는 사용자의 브라우징 활동을 Userstyles에 완벽하게 복제하여 반환했다.[19] 2017년 1월 3일, 그는 "Stylish 사용자가 SimilarWeb의 시장 조사 패널에 참여하게 될 것"이라는 SimilarWeb과의 "파트너십"을 발표했다.[20] 11월 10일에는 Firefox 웹 확장(3.0.1)이 출시되었고, 10월 31일에는 사용자 스타일을 웹 확장 호환 데이터베이스로 마이그레이션하기 위한 Stylish XUL+XPCOM 애드온의 최종 업데이트(2.1.1)가 출시되었다.[21][22]
2018년 7월, 소프트웨어 엔지니어에 의해 이러한 문제가 공개된 후,[23] Stylish는 Chrome 웹 스토어와 Mozilla Add-ons에서 모두 제거되었으며, 기존 사용자의 경우 자동적으로 제거되었다.[24][25][26] Stylish는 8월 16일 Mozilla Add-ons에,[27] 11월 5일 Chrome 웹 스토어에 다시 등장했으며,[18] 동일한 로직을 유지하면서 확장 프로그램을 설치할 때 데이터 수집에 동의하도록 요청하는 새로운 옵트인 페이지를 선보였다.[28][29] Firefox는 현재 Stylish의 사용자 수가 더 인기 있는 대안인 Stylus보다 적다고 보고한다.[30][31]
3. 2. 사용자 반발과 확장 기능 제거
2016년 9월, Stylish와 userstyles.org의 제작자인 제이슨 바나베는 프로젝트에 대한 흥미를 잃었다며 저스틴 힌드만을 Stylish와 userstyles.org의 다음 리더로 선택했다고 발표했다.[14] 그러나 힌드만은 Stylish나 userstyles.org와 아무런 관련이 없었으며,[15] 바나베가 이스라엘 분석 회사 SimilarWeb을 위한 명의신탁으로 그들을 힌드만에게 판매했다는 것이 곧 분명해졌다.[16][17]2016년 12월, 힌드만은 Stylish for Chrome에 대한 업데이트를 출시하기 시작했는데,[18] 이 업데이트는 사용자의 브라우징 활동을 Userstyles에 완벽하게 복제하여 반환했다.[19] 2017년 1월 3일, 그는 "Stylish 사용자가 SimilarWeb의 시장 조사 패널에 참여하게 될 것"이라는 SimilarWeb과의 "파트너십"을 발표했다.[20]
2018년 7월, 소프트웨어 엔지니어에 의해 이러한 문제가 공개된 후,[23] Stylish는 Chrome 웹 스토어와 Mozilla Add-ons에서 모두 제거되었으며, 기존 사용자의 경우 자동적으로 제거되었다.[24][25][26] Stylish는 8월 16일 Mozilla Add-ons에,[27] 11월 5일 Chrome 웹 스토어에 다시 등장했으며,[18] 동일한 로직을 유지하면서 확장 프로그램을 설치할 때 데이터 수집에 동의하도록 요청하는 새로운 옵트인 페이지를 선보였다.[28][29] Firefox는 현재 Stylish의 사용자 수가 더 인기 있는 대안인 Stylus보다 적다고 보고한다.[30][31]
3. 3. 재출시와 옵트인 방식
2016년 9월, Stylish와 userstyles.org의 제작자인 제이슨 바나베는 프로젝트에 대한 흥미를 잃었다며 저스틴 힌드만을 Stylish와 userstyles.org의 다음 리더로 선택했다고 발표했다.[14] 그러나 힌드만은 Stylish나 userstyles.org와 아무런 관련이 없었으며,[15] 바나베가 이스라엘 분석 회사 SimilarWeb을 위한 명의신탁으로 그들을 힌드만에게 판매했다는 것이 곧 분명해졌다.[16][17]2016년 12월, 힌드만은 Stylish for Chrome에 대한 업데이트를 출시하기 시작했는데,[18] 이 업데이트는 사용자의 브라우징 활동을 Userstyles에 완벽하게 복제하여 반환했다.[19] 2017년 1월 3일, 그는 "Stylish 사용자가 SimilarWeb의 시장 조사 패널에 참여하게 될 것"이라는 SimilarWeb과의 "파트너십"을 발표했다.[20] 11월 10일에는 Firefox 웹 확장(3.0.1)이 출시되었고, 10월 31일에는 사용자 스타일을 웹 확장 호환 데이터베이스로 마이그레이션하기 위한 Stylish XUL+XPCOM 애드온의 최종 업데이트(2.1.1)가 출시되었다.[21][22]
2018년 7월, 소프트웨어 엔지니어에 의해 이러한 문제가 공개된 후,[23] Stylish는 Chrome 웹 스토어와 Mozilla Add-ons에서 모두 제거되었으며, 기존 사용자의 경우 자동적으로 제거되었다.[24][25][26] Stylish는 8월 16일 Mozilla Add-ons에,[27] 11월 5일 Chrome 웹 스토어에 다시 등장했으며,[18] 동일한 로직을 유지하면서 확장 프로그램을 설치할 때 데이터 수집에 동의하도록 요청하는 새로운 옵트인 페이지를 선보였다.[28][29] Firefox는 현재 Stylish의 사용자 수가 더 인기 있는 대안인 Stylus보다 적다고 보고한다.[30][31]
4. 대안 확장 프로그램
Greasemonkey 또는 Tampermonkey와 같은 사용자 스크립트 관리자는 HTML <style> 태그에 스타일 시트 내용을 추가하고 해당 태그를 페이지에 추가하여 웹 페이지에 로컬 스타일 시트를 추가할 수 있다.[32] Userstyles.org의 사용자 스타일은 사용자 스크립트 관리자와 함께 사용하기 위해 사용자 스크립트로 다운로드할 수 있다.
Stylish의 대체 사용자 스타일 관리자에는 Stylus[33]와 xStyle[34]이 있으며, 이는 Chrome용 Stylish[35][36], aStyle[37], reStyle[38] 및 Website Theme Manager[39]에서 파생되었다.
파이어폭스에서는 웹 사이트 및 브라우저 chrome용 사용자 스타일을 각각 로컬 파일 userContent.css[40] 또는 userChrome.css[41]에 추가할 수 있다. Firefox 69부터 이러한 파일을 로드하려면 about:config에서 toolkit.legacyUserProfileCustomizations.stylesheets 기본 설정을 true로 전환해야 한다.[42]
4. 1. Stylus
Greasemonkey 또는 Tampermonkey와 같은 사용자 스크립트 관리자는 HTML `<style>` 태그에 스타일 시트 내용을 추가하고 해당 태그를 페이지에 추가하여 웹 페이지에 로컬 스타일 시트를 추가할 수 있다.[32] Userstyles.org의 사용자 스타일은 사용자 스크립트 관리자와 함께 사용하기 위해 사용자 스크립트로 다운로드할 수 있다.Stylish의 대체 사용자 스타일 관리자에는 Stylus[33]와 xStyle[34]이 있으며, 이는 Chrome용 Stylish[35][36], aStyle,[37], reStyle,[38] 및 Website Theme Manager[39]에서 파생되었다.
Firefox에서는 웹 사이트 및 브라우저 chrome용 사용자 스타일을 각각 로컬 파일 `userContent.css`<ref name="wiki-40"/> 또는 `userChrome.css`<ref name="wiki-41"/>에 추가할 수 있다. Firefox 69부터 이러한 파일을 로드하려면 `about:config`에서 `toolkit.legacyUserProfileCustomizations.stylesheets` 기본 설정을 true로 전환해야 한다.[42]
4. 2. xStyle
Greasemonkey 또는 Tampermonkey와 같은 사용자 스크립트 관리자는 HTML `<style>` 태그에 스타일 시트 내용을 추가하고 해당 태그를 페이지에 추가하여 웹 페이지에 로컬 스타일 시트를 추가할 수 있다.[32] Userstyles.org의 사용자 스타일은 사용자 스크립트 관리자와 함께 사용하기 위해 사용자 스크립트로 다운로드할 수 있다.Stylish의 대체 사용자 스타일 관리자에는 Stylus와 xStyle이 있다.[33][34]
4. 3. 기타 대안
Greasemonkey 또는 Tampermonkey와 같은 사용자 스크립트 관리자는 HTML `<style>` 태그에 스타일 시트 내용을 추가하고 해당 태그를 페이지에 추가하여 웹 페이지에 로컬 스타일 시트를 추가할 수 있다.[32] Userstyles.org의 사용자 스타일은 사용자 스크립트 관리자와 함께 사용하기 위해 사용자 스크립트로 다운로드할 수 있다.Stylish의 대체 사용자 스타일 관리자에는 Stylus[33]와 xStyle[34]이 있으며, 이는 Chrome용 Stylish[35][36], aStyle,[37], reStyle,[38] 및 Website Theme Manager[39]에서 파생되었다.
Firefox에서는 웹 사이트 및 브라우저 chrome용 사용자 스타일을 각각 로컬 파일 `userContent.css` [40] 또는 `userChrome.css` [41]에 추가할 수 있다. Firefox 69부터 이러한 파일을 로드하려면 `about:config`에서 `toolkit.legacyUserProfileCustomizations.stylesheets` 기본 설정을 true로 전환해야 한다.[42]