# dark-mode
다크모드 적용해보기1
이번 새로운 프로젝트에서 다크모드를 적용해보려고 한다.이전 프로젝트에서는 다른 팀원분이 다음과 같이 세팅을 했었다.전역에서 상태값을 관리하기 위해 React-Redux를 통해 저장되어 있는 isDark 값을 PageContainer에 props로 전달해주면 isDark
Implementing Themes with Dark Mode
Theme Mode Theme mode pertains to the selection mechanism that determines which theme (light or dark) should be applied to your app. Flutter provides
[nextjs] 개인blog에 dark mode적용 2
안녕하세요. 이번에는 저번에 작성했던 dark mode 적용에 대해 재접속했을 시 기존에 사용했던 mode가 똑같이 적용되는 것을 소스코드로 어떻게 작성하는지를 소개해보겠습니다
[nextjs] Nesting Server Components inside Client Components 고찰(nextjs 13)
nextjs의 nesting server components
[nextjs] 개인blog에 dark mode적용 1(with tailwind css)
인사 안녕하세요. 이번에는 nextjs 13 version으로 dark mode를 개인 blog에 적용하는 방법에 대해 알아보도록 하겠습니다. 1. next-theme next-theme는 nextjs에서 dark mode를 적용하기 위해서 사용할 라이브러리 입니다.
[Fix] iOS 스테이터스 바 다크모드 이슈
다크모드를 방지하기 위해위 코드가 info.plist에 작성되어 있으나,native 기능 (얼럿, 키보드 등)이 사용될 때마다 다크모드로 전환되어다시 라이트모드로 돌아오지 않는 현상이 있습니다.현재 현상이 있는 프로젝트는 네비게이션 중 최상단 스크린에 WebView가
Expo Go 다크모드 인식 불가
내 폰의 다크모드가 적용되어 있음에도 불구하고, Expo Go를 통해 열려있는 개발중인 앱에는 다크모드 인식을 못하는 것을 보았다. app.json에서 따로 설정이 필요하다는 것을 알았고, 이 문제를 해결한 내용을 기록하려 한다.
[iOS] 2022 New HIG Dark Mode 공식문서 정리 - Lawn
안녕하세요 🌱 Lawn입니다 새롭게 바뀐 2022년 NEW HIG를 Study를 통해 공부하며 정리하는 중입니다.
UITraitCollection
회전과 관련된 코드를 보다보니, compact, regular와 같은 용어들이 보였다. Dark Mode와도 관련이 있다던데, UITraitCollection은 무엇일까?
[Flutter] 시스템 설정 테마 값 가져오기
현재 시스템에서 설정한 테마 모드가 다크모드 / 라이트모드인지 구분하여 값을 반환합니다.info.plist에위 코드가 있다면 이 코드를 지우고 다시 빌드를 해보길 바랍니다.
🌚 다크모드, 진짜로 눈에 좋을까? HCI 유저 스터디 - (3) 결과 데이터 분석
3줄 요약 파이어베이스로 데이터 불러오는 과정은 꽤 불편하다. 다크모드 vs 라이트모드의 승자는 없다. 유저스터디는 재밌다.😇 프로젝트 정리 드디어 결과에 대한 포스팅을 할 차례네요. 약 3주간 이루어진 프로젝트의 목표는 다음과 같습니다. 유저 스터디의 목적: 다
🌚 다크모드, 진짜로 눈에 좋을까? HCI 유저 스터디 - (2) 리액트에서 컴포넌트 만들기
리액트에서 컴포넌트화하기! 부제: 컴포넌트화의 중요성
TIL 07 | JavaScript로 Dark-mode 구현
JavaScript 변수로 간단하게 다크모드 구현해보기 스크롤 버튼과 마찬가지로 Html에 새로운 버튼을 만들어주자. 이번엔 Fontawesome에서 다크모드에 어울릴만한 아이콘을 가져왔다. 아이콘만 쓰고 싶은데 background-color와 border가 들어있어서 촌스럽게 변해있다. id를 추가해 CSS에서 원하는 위치와 스타일을 적용시킨다. ...
🌚 다크모드, 진짜로 눈에 좋을까? HCI 유저 스터디 - (1) 기획안 구상
인간컴퓨터상호작용(HCI) 학부 과목을 수강하며 진행한 프로젝트입니다. 과연 다크모드는 효과가 있을까요? 첫번째 이야기 - HCI 소개, 주제 선정 팁, 구체화 과정을 담았습니다.
다크모드 구현하기
다크모드란 일반적으로 더 어두운 색상 팔레트를 사용하는 UI를 말한다. 쉽게 말하면 어두운 배경에 밝은 색상의 요소를 사용하는 것이다. 그러나 어떤 배경(라이트/다크)을 가지고 있더라도 웹 콘텐츠 접근성 지침(WCAG: Web Content Accessibility
Redux-toolkit DarkMode (w_ emotion)
이모션이란, CSS in JS 형식으로, Javascript 파일 안에서 CSS를 설정할 수 있는 라이브러리 입니다. 왜 이걸 하냐면, React의 경우 자바스크립트로 (코드, CSS, HTML) 모든 것을 한번에 하는 것이 이상적인데 Html 태그안에 넣어서 css를