typescript (2) 썸네일형 리스트형 React JS / Typescript / framer-motion 02 Framer-motion에서 Slider를 구현하면서 결국 인도 IT 유투버에게 가르침을 받아 다음과 같은 코드를 완성하였다. 아래 문제의 그 Slider... 양방향으로 slide가 넘어가게끔 되어있는데 left 갔다가 right로 빠지면 exit 애니메이션이 의도한 바와는 반대X축으로 이동하는 문제를 나타나서 며칠동안 앓고있었다. 의 custom ={} Variants값이다. const rowVariants = { hidden: (direction: number) => ({ x: direction > 0 ? window.outerWidth : -window.outerWidth, }), visible: { x: 0, }, exit: (direction: number) => ({ x: direction .. Recoil, Typescript/ useRecoilState, useRecoilValue Recoil Library Recoil은 페이스북에서 만든것으로 전역 상태관리 라이브러리다. 자세한 설명은 공식문서 https://recoiljs.org/ Recoil 구성 요소 간단정리 (React - Typescript) 1. RecoilRoot 리코일은 상위 디렉토리(부모)에 아래와 같이 (Root.tsx)에 씌워놓음으로써 다른 요소들 사용이 가능하다. 2. Atom ;물질을 이루는 가장 작은 입자이며, 구체적이고 원소를 셀수 있는 Atom을 별개의 장소에 보관하여 필요시 끌어다 쓰는 컨셉으로 Atom이란 단어를 사용한 것으로 보인다. 마치 요리할때 자주 사용하는 재료들을 소분하여 (양파, 당근, 버섯, 파, 등등...) 요리할때 마다 필요한 곳에 쓰는 것을 추상화도 해보았다. Atom은 State.. 이전 1 다음
