# dark-mode

7개의 포스트
post-thumbnail

🌚 다크모드, 진짜로 눈에 좋을까? HCI 유저 스터디 - (3) 결과 데이터 분석

3줄 요약 파이어베이스로 데이터 불러오는 과정은 꽤 불편하다. 다크모드 vs 라이트모드의 승자는 없다. 유저스터디는 재밌다.😇 프로젝트 정리 드디어 결과에 대한 포스팅을 할 차례네요. 약 3주간 이루어진 프로젝트의 목표는 다음과 같습니다. 유저 스터디의 목적: 다

2021년 6월 19일
·
0개의 댓글
post-thumbnail

TIL 07 | JavaScript로 Dark-mode 구현

JavaScript 변수로 간단하게 다크모드 구현해보기 스크롤 버튼과 마찬가지로 Html에 새로운 버튼을 만들어주자. 이번엔 Fontawesome에서 다크모드에 어울릴만한 아이콘을 가져왔다. 아이콘만 쓰고 싶은데 background-color와 border가 들어있어서 촌스럽게 변해있다. id를 추가해 CSS에서 원하는 위치와 스타일을 적용시킨다. ...

2021년 5월 13일
·
0개의 댓글
post-thumbnail

🌚 다크모드, 진짜로 눈에 좋을까? HCI 유저 스터디 - (1) 기획안 구상

인간컴퓨터상호작용(HCI) 학부 과목을 수강하며 진행한 프로젝트입니다. 과연 다크모드는 효과가 있을까요? 첫번째 이야기 - HCI 소개, 주제 선정 팁, 구체화 과정을 담았습니다.

2021년 5월 9일
·
0개의 댓글
post-thumbnail

UITextView dark mode 대응하기

UITextView의 dark mode 대응하는 법을 알아보자

2020년 12월 11일
·
0개의 댓글
post-thumbnail

다크모드 구현하기

다크모드란 일반적으로 더 어두운 색상 팔레트를 사용하는 UI를 말한다. 쉽게 말하면 어두운 배경에 밝은 색상의 요소를 사용하는 것이다. 그러나 어떤 배경(라이트/다크)을 가지고 있더라도 웹 콘텐츠 접근성 지침(WCAG: Web Content Accessibility

2020년 11월 29일
·
1개의 댓글
post-thumbnail

Redux-toolkit DarkMode (w_ emotion)

이모션이란, CSS in JS 형식으로, Javascript 파일 안에서 CSS를 설정할 수 있는 라이브러리 입니다. 왜 이걸 하냐면, React의 경우 자바스크립트로 (코드, CSS, HTML) 모든 것을 한번에 하는 것이 이상적인데 Html 태그안에 넣어서 css를

2020년 11월 11일
·
0개의 댓글