TokTokhan Docs
  • TokTokan Dev Docs
  • Get started
  • Onborading
    • 개미생활 클론 코딩
      • 스타일링 : Chakra-ui
      • Form 매니징 : React-Hook-Form
      • Network: React-Query
      • 상태 관리: React-Context-Selector
    • 📖Growing Up
      • 📕TypeScript Skill
        • Narrowing
        • Generic
        • Extends
        • Utility Types
        • Challenge
      • 📘React
        • Batching 과 Snapshot 이란?
        • 불필요한 State 와 Effect
        • Memoization 은 언제 써야 할까?
      • 📗함수형 프로그래밍은 어려워요
      • 📙객체지향은 그냥 class 아닌가요?
      • 📓console.log 가 있는데 Testing 이 왜 필요하죠?
        • Jest 환경 설정 및 실행
        • Test 코드 작성 해보기
          • 다양한 test 환경 대응하기
        • Challenge
  • Basic Guides
    • Convention (임시)
      • 🗳️code style
      • 🏗️file & folder style
    • Convention
      • ❓How to Read?
      • 📬Apis
        • 🏗️Structure
        • 🗳️Code Style
      • 📦Components
        • 🏗️Structure
        • 🗳️Code Style
      • 🗃️Containers
      • ⚙️Configs
        • 🍲Boilerplate
          • 🔄Axiso
      • 🪨Constants
        • 🍲Boilerplate
      • 🔰Contexts
        • 🏗️Structure
        • 🗳️Code Style
        • 🍲Boilerplate
      • 🏭Generated
      • 🛍️Hocs
        • 🏗️Structure
        • 🍲Boilerplate
      • 🪝Hooks
        • 🏗️Structure
      • 📚Pages
        • 🏗️Structure
        • 🗳️Code Style
      • 🧾Scripts
      • 🆎Types
        • 🏗️Structure
        • 🗳️Code Style
        • 🍲Boilerplate
          • 📦modules
          • 📍Static
          • 🏁Utility
          • 🌏global.ts
      • 🔧Utils
        • 🏗️Structure
        • 🗳️Code Style
        • 🍲Boilerplate
      • Convention Archive
    • 🛠️Theme
      • 📒Foundation 정의 (with Theming)
      • 📦Container
        • 🖥️반응형 웹이란?
        • 🌠중단점(Breakpoint) 설정하기
        • 📐레이아웃 만들기
        • 💡예제
        • 🍯Pro-tips
      • 🎨Colors
        • 🌈Color Mode
        • 📍Semantic Tokens
          • Color Setting
        • 2-1. Primary & Secondary Colors
Powered by GitBook
On this page
  1. Basic Guides

Theme

Chakra UI 를 사용하여 프로젝트 시작 전 기초작업을 설정하는 과정을 소개합니다.

PreviousConvention ArchiveNextFoundation 정의 (with Theming)

Last updated 1 year ago

@referece

🛠️
📒Foundation 정의 (with Theming)
📦Container
🎨Colors
Chakra UI - Installation
Chakra UI - useTheme