사이트 내 이모티콘을 Twemoji로 통일
지금까지 😃 등의 이모티콘을 활용한 진단이 많이 작성되어 왔으나 이모티콘은 단말에 따라 표시되는 내용이 다른 데다가 그 내용을 Twitter를 통해 공유하면 Twitter가 제공하는 이모티콘으로 변환되어 표시되어 왔습니다.
그래서 이번에 Twitter에서 제공하는 Twemoji https://twemoji.twitter.com/ 를 사이트 내에 도입하여 모든 단말에서 동일한 이모티콘이 표시되도록 하였습니다.
예를 들어 아래의 이미지는이모티콘이 사용되고 있는 진단의 진단 결과 일례입니다. 진단 결과는 단말에 따라 다음과 같이 다르게 표시되었습니다.
Windows
Android
Mac·iOS
이번 Twemoji 도입에 의하여 어느 단말에서 열람을 해도 아래와 같이 표시되게 됩니다.
Twemoji
Twemoji는표시된 이모티콘이 JavaScript에 의해 Twitter가 제공하는 이모티콘 이미지로 대치되는 시스템입니다. 그래서 다음과 같은 케이스에서는 이용 단말의 기존 이모티콘이 표시됩니다.
- 진단 작성 화면이나 트위터 올리기 화면 등의 입력 양식 내 이모티콘
- 차트계 진단에서 차트 내에 표시된 이모티콘
- Twemoji에 대응하지 않는 이모티콘
꼭 활용해 보시기 바랍니다.
진단 결과에서 연속되는 반각 스페이스가 적용되지 않는 문제 수정
저희 사이트에서는 2021년 4월 리뉴얼 시 연속되는 반각 스페이스를 삭제하는 조치를 취하였습니다. 그러나 이로 인하여 진단 결과에서 아스키 아트 등을 표현하려고 할 때 연속되는 반각 이미지가 삭제되어 버려서 레이아웃이 파괴되는 문제가 발생하고 있었습니다. 또한 이 문제는 진단 결과 페이지에서만 발생하여 Twitter 등을 통해 공유하는 내용에서는 레이아웃이 파괴되지 않는 상태가 되었습니다.
이번 업데이트에서 이 문제를 수정하였습니다. 장기간 이 문제를 수정하지 않은 점 대단히 죄송합니다.
예를 들어 아래의 이미지는 그러한 연속되는 스페이스가 사용되고 있는 진단 의 진단 결과 일례입니다. 수정 전과 수정 후에 보이는 방식이 다릅니다.
수정 전
수정 후
이상입니다.
앞으로도 진단 메이커 많은 사랑 부탁드립니다.
