Twitter 하트 아이콘을 이모티콘으로 변경하는 방법

최근 트위터에서는 기존의 즐겨찾기 별표 아이콘을 보다 널리 통용되는 하트 아이콘으로 변경한다고 발표했습니다. 오랫동안 트위터 사용자들은 별표 아이콘을 트윗에 대한 관심 표현은 물론, 나중에 읽을 기사를 저장하는 북마크 기능으로도 활용해 왔습니다. 그렇다면 이러한 변화는 트위터에게 적절한 조치일까요? 이번 변경의 배경과 새로운 하트 아이콘을 원하는 이모티콘으로 대체하는 방법에 대해 자세히 알아보겠습니다. 참고로, 유용한 트위터 팁과 요령도 함께 살펴보세요.

트위터 하트 아이콘을 이모티콘으로 바꾸는 방법: 별표에서 하트로 변경된 이유

트위터는 최근 즐겨찾기 표시로 사용되던 별표 아이콘을 더 친숙한 하트 아이콘으로 교체한다고 발표했습니다. 트위터는 공식 블로그를 통해 이번 결정이 트위터를 “더욱 사용하기 쉽고 만족스러운” 플랫폼으로 만들고자 하는 노력의 일환이라고 밝혔습니다. 특히 별표 아이콘이 “새로운 사용자들에게 혼란을 야기할 수 있다”는 점을 지적했습니다. 하트는 게시물이나 주제에 대한 호감을 나타내는 데 널리 사용되는 보편적인 아이콘이며, 페이스북 소유의 인스타그램과 트위터의 페리스코프에서도 두드러지게 사용되고 있습니다.

그렇다면 왜 하트 아이콘이 이렇게 널리 사용되고 있으며, 트위터는 왜 별표 아이콘을 대체하기로 결정했을까요? 트위터 측에 따르면 하트는 “언어, 문화, 시간대를 초월하여 공감대를 형성하는 보편적인 상징”이며, 대부분의 다른 아이콘보다 훨씬 더 풍부한 감정을 표현할 수 있다고 합니다. 트위터 자체가 하트 아이콘을 도입한 이유에 대한 설명을 아래에서 확인할 수 있습니다.

위의 예시에서 볼 수 있듯이, 하트 아이콘은 새로운 직장 소식부터 친척의 사망 소식에 이르기까지 다양한 상황에 훨씬 더 적절한 반응으로 느껴집니다. 하트는 축하와 지지를 모두 표현할 수 있는 반면, 별표는 축하의 의미만을 전달할 수 있습니다.

트위터 하트 아이콘을 원하는 이모티콘으로 변경하는 방법

그렇다면, 기존의 별표 아이콘으로 되돌리거나 하트 아이콘 대신 다른 이모티콘을 사용하는 방법은 없을까요? 트위터 사용자 로버트 맥니스(Robert McNees)가 처음 언급한 이 방법은 본인만 볼 수 있으며, 크롬 또는 파이어폭스 브라우저의 웹 버전 트위터에서만 작동합니다.

1단계: 스타일리시(Stylish) 확장 프로그램 설치. 트위터 하트 아이콘을 원하는 이모티콘으로 변경하는 첫 번째 단계는 크롬 또는 파이어폭스용 브라우저 확장 프로그램인 스타일리시를 다운로드하는 것입니다 (본 튜토리얼에서는 크롬을 기준으로 설명합니다). 스타일리시는 무료로 다운로드할 수 있으며 설치하는 데 몇 초밖에 걸리지 않지만, 설치 후 브라우저를 재시작해야 할 수 있습니다.

2단계: 코드 붙여넣기. 스타일리시를 설치했다면, 확장 프로그램 아이콘을 클릭하고 “설치된 스타일 관리”를 선택합니다. 열리는 창의 본문에 다음 텍스트(들여쓰기 포함)를 복사하여 붙여넣습니다.

.HeartAnimationContainer {
visibility: hidden;
}
.HeartAnimationContainer:after {
content: “💩”;
visibility: visible;
display: block;
position: absolute;
}

3단계: 이모티콘 선택. “💩” 부분을 원하는 이모티콘으로 변경하세요. OS X 요세미티 이상을 실행하는 맥 사용자라면 Control, Command 및 스페이스바를 눌러 이모티콘에 접근할 수 있습니다.

4단계: 트위터 웹사이트에 코드 적용. 텍스트 본문 아래에 “적용 대상” 필드가 표시되어야 합니다. 해당 필드에 “twitter.com”을 추가하고 “도메인의 URL”을 선택합니다.

5단계: 저장 버튼 클릭. 이제 스타일리시 창은 다음과 같은 모양이 됩니다.

모든 필드를 올바르게 채웠다면, 왼쪽 상단 모서리에 있는 저장 버튼을 누르고 트위터 웹사이트로 이동합니다. 이제 하트 기호가 선택한 이모티콘으로 바뀌어 나만의 개성 있는 방식으로 트윗을 즐겨찾기에 추가할 수 있습니다.

참고: 일부 웹사이트에서는 코드 내에서 작은따옴표(‘)가 아닌 어포스트로피(’)를 사용하여 오류를 발생시키는 잘못된 코드를 공유하고 있습니다. 트위터 하트 아이콘이 사라지지 않고 이모티콘으로 대체되지 않는다면, 해당 오류가 원인일 가능성이 높습니다. 이모티콘을 둘러싼 어포스트로피(’)를 작은따옴표(‘)로 변경하면 문제가 해결됩니다.