chakra component1 [Django] 18. CHAKRA UI: Modal, Component, Grid, Responsive, Dark Mode, Skeleton, Header 로고, 로그인, 계정생성, 다크모드 전환 src > components > Root.tsx React Icons: React로 아이콘을 다루기 가장 좋은 방법 https://react-icons.github.io/react-icons/ Modal: Log in Modal: Sign in & Component 분리 Dark Mode: 사용자가 dark mode를 선택하면 chakra는 그 세팅을 로컬 저장소에 자동으로 저장 다시 접속했을때도 dark mode를 적용하기 위해서는 Chakra의 ColorModeScript 컴포넌트를 추가 theme.ts 파일 생성하여 'theme' 생성 Header.tsx에서 useColorMode 사용 일부 버튼에 대해 원하는 모드(dark / li.. 2024. 11. 8. 이전 1 다음 반응형
