팀 프로젝트 NOST 2일차

1. GIT

 

git status          # 깃 확인
git branch -a       # 브랜치 확인
git remote update   # 깃 업데이트
git remote add origin https://github.com/1489ehdghks/NOST.git   # 다시 가져오기
git checkout -t origin/dev  # 깃허브의 dev의 파일을 가져옴

 

checkout : remote (github)에서의 branch 이동

switch : 로컬 내의 branch 이동

 

2. Theme 관리 

 

1) tailwind를 사용할 경우의 코드

 

const TailwindComponent = () => {
  const { isDarkMode, isThemeMode } = useThemeStore();
  const themeClass = isDarkMode ? (isThemeMode ? 'winter' : 'summer') : (isThemeMode ? 'autumn' : 'spring');

  return (
    <div className={`bg-${themeClass}Primary text-${themeClass}Text font-${themeClass}Font`}>
      Hello, Tailwind themed world!
    </div>
  );
};

 

2) zustand를 이용한 useThemeStore를 사용할 경우의 코드

 

import useThemeStore from './Themestore';

const SomeComponent = () => {
  const { themes, isDarkMode, isThemeMode } = useThemeStore();
  const theme = isDarkMode ? (isThemeMode ? themes.winter : themes.summer) : (isThemeMode ? themes.autumn : themes.spring);

  return (
    <div style={{ backgroundColor: theme.secondary, color: theme.textColor, fontFamily: theme.fontFamily }}>
      Hello, themed world with dynamic styles!
    </div>
  );
};