2
FREE-TALK
어두운 곳에서 눈이 편한 '다크 모드' 기능 소개
 
1
6
  624
Updated at 2020-01-13 13:36:25

안녕하세요 힙플 커뮤니티 플랫폼 개발을 맡고 있는 NBA Mania 입니다.

 

최근 대부분의 OS에서 다크 모드 또는 야간 모드의 도입이 활발히 이뤄지고 있습니다. 그에 따라 힙플에도 다크 모드 기능의 도입을 기대하셨던 분들이 계셨을 것 같습니다. 힙플의 개발을 맡고 있는 저희 NBA Mania에서 먼저 다크 모드를 개발해 테스트를 거쳐 완성단계에 다다랐다는 판단이 들어 힙플에도 코드 최적화를 거쳐 도입이 되었다는 소식 알려드리며 기능에 대한 소개를 드리도록 하겠습니다.

 

참고로 다크 모드의 전환은 현재까지는 '모바일 버전'에서만 작동합니다. (PC 모드에서는 글쓰기 에디터가 다크 모드의 대응이 쉽지 않아 많은 검토가 필요하기 때문에 현재로서는 도입 여부 및 시기가 미정인 상태입니다.)


다크 모드는 아래 그림 처럼 빨간 네모의 달 모양 버튼을 눌러 자동->켜짐->꺼짐 순으로 필요에 따라 전환하며 이용하시면 됩니다.(아래 그림은 '켜짐'으로 설정이 된 상태)


 

각 설정의 특징은 다음과 같습니다.

  • 자동: 사용자가 위치한 시간대의 일출/일몰 시간에 맞춰 자동으로 다크 모드가 켜지고 꺼집니다.
  • 켜짐: 시간대에 상관없이 항상 다크 모드를 사용합니다.
  • 꺼짐: 시간대에 상관없이 항상 다크 모드를 사용하지 않습니다.

 

힙플의 다크 모드의 설계 주안점은 다음과 같습니다.

  • 모든 페이지, 모든 요소에서 다크 모드 대응
  • 모든 색상 테마에 대응하는 다크 모드 전용 테마 색상 셋 개발 및 연동
  • 전 세계 어느 곳에서나 사용자의 시간대에 맞춰 자동 모드 작동
  • 사이트 내 모든 팝업 창에서 다크 모드 연동
  • URL 자동 변환시 다크 모드 연동(현재 트위터만 지원되며, 인스타그램 등 다른 사이트에서 지원시 적용예정입니다.)
  • 밝은 이미지의 경우 눈이 덜 부시도록 자동 디밍 기능

 

이번 다크 모드 개발에 굉장히 많은 파일들이 수정되었고 특히 브라우저에 저장되는 캐시 파일들이 대거 수정되었기 때문에 정상적으로 힙플의 기능이 작동되지 않으시는 분들께서는 브라우저 임시파일(캐시파일)을 삭제해 주시면 원활한 이용이 가능하시니 참고 부탁드립니다.


이번 다크 모드 도입으로 보다 더 쾌적한 힙플이용이 되셨으면 하는 바람입니다.

 

혹시 다크 모드 전환이 매끄럽게 되지 않은 부분을 찾으셨거나, 버그/문의 사항 등이 있으시면 사이트 하단의 '운영참여' 게시판을 통해 알려주시면 빠르게 조치할 수 있도록 하겠습니다.

 

감사합니다.

  이전 페이지로
  공지사항 리스트