Team Project 공부

마우스 호버 시 이미지 변경
https://velog.io/@roghabo/hover-%EC%8B%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EB%B3%80%ED%99%98%ED%95%98%EA%B8%B0react-hook

Link 태그 안에 a 태그
https://uchanlee.dev/nextjs/Why-using-a-tag-in-nextjs-Link/

map 안의 객체 값 꺼내기

a 태그 색상 바꾸기
https://bssow.tistory.com/242

material ui 체크박스 색깔 커스텀
https://mui.com/material-ui/customization/palette/#customization

export default function CheckBox01(props: ICheckBox01Props) {
  const theme = createTheme({
    palette: {
      primary: {
        main: "#0fbaa3",
      },
      secondary: {
        main: "#C4C4C4",
      },
    },
  });

  return (
    <ThemeProvider theme={theme}>
      <Checkbox
        icon={<RadioButtonUncheckedIcon color="secondary" />}
        checkedIcon={<CheckCircleIcon />}
        onClick={props.onClick}
      />
      {props.title}
    </ThemeProvider>
  );
}

aos
https://michalsnik.github.io/aos/
https://github.com/michalsnik/aos

aos속성
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=m1nsuk&logNo=221469713054

https://easings.net/ko#

aos 세팅
https://velog.io/@drata313/AOS

aos 한번에 렌더링 되는 문제 => useInView 활용

git branch 삭제
git branch -d "branchname"

position relative & absolute

useModal 생성 시 참고자료
https://velog.io/@kysung95/%EC%A7%A4%EB%A7%89%EA%B8%80-Custom-Hooks%EC%9D%84-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EC%9E%90

https://ko.reactjs.org/docs/hooks-reference.html

모달창 밖을 누르면 close 참고자료
https://react.vlpt.us/basic/10-useRef.html
https://white-salt.tistory.com/25

모달창 화면 가운데 정렬
https://hyunipad.tistory.com/36
https://yumyumlog.tistory.com/193

스크롤 이동
https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo

반응형 시 max-width, 패딩, 마진, 폰트는 px고정
나머지는 %로

register 값 불러오는 watch
https://velog.io/@kihyun/React-Hook-Form-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

slick slider 반응형
https://programmer93.tistory.com/34