[데브캠프] 비기너반 강의 (Framer motion)

interface User {
	name: string
	age: number
}

const user: User = {
	name: string
}

user에서 에러 나는 이유는 age가 적혀있지 않아서
partial를 붙여주면 에러가 나지 않는다!

const user: partial User = {
	name: string
}

⭐ 타입스크립트에서 partial, record, omit , exclude 만 외워두면 된다.
나머지는 그때그때 찾아보면 됨

https://github.com/ParkYoungWoong/todo_vite-react-ts
👆 우리가 만들 최종적인 todo app 깃허브

https://react-todo-app-flame-six.vercel.app/
👆 내가 배포한 사이트 링크

Framer motion

사용법npm i framer-motion 로 설치

객체방식으로 페이지(라우트) 지정
컴포넌트 방식으로 페이지(라우트) 지정

npm run watch-vercel 로 서버 접속

⭐ useRef
⭐ current

 useEffect(() => {
    getTodos()
    new Sortable(listRef.current, {
      handle: '',
      animation: 0,
      forceFallback: true,
      onEnd: () => {}
    })
  }, [])

forceFallback 은 일관성 있게 유지해주는 (크로스브라우징)

null이 나올까봐 타입에러가 나서 타입가드를 지정해줌

sortablejs

thesecon@gmail.com
👆 영웅강사님 메일주소
(슬랙에 DM으로 질문이 있으면 물어보고 연락이 안오면 메일로 연락드려도 된다)