react (2) 썸네일형 리스트형 React JS / Typescript / framer-motion React 라이브러리 중 "framer-motion" 라는 오픈소스가 존재하며, 다양한 애니메이션 효과를 간편하게 사용가능하다. npm i framer-motion https://www.framer.com/docs/ Documentation | Framer for Developers An open source, production-ready motion library for React on the web. www.framer.com 다음과 같이 import 하여 motion, AnimatePresence 등을 사용할 수 있다. import { motion, AnimatePresence } from "framer-motion"; 위 링크에서 API Documentation에 자세한 내용이 있으며, Reac.. Recoil, Typescript/ useRecoilState, useRecoilValue Recoil Library Recoil은 페이스북에서 만든것으로 전역 상태관리 라이브러리다. 자세한 설명은 공식문서 https://recoiljs.org/ Recoil 구성 요소 간단정리 (React - Typescript) 1. RecoilRoot 리코일은 상위 디렉토리(부모)에 아래와 같이 (Root.tsx)에 씌워놓음으로써 다른 요소들 사용이 가능하다. 2. Atom ;물질을 이루는 가장 작은 입자이며, 구체적이고 원소를 셀수 있는 Atom을 별개의 장소에 보관하여 필요시 끌어다 쓰는 컨셉으로 Atom이란 단어를 사용한 것으로 보인다. 마치 요리할때 자주 사용하는 재료들을 소분하여 (양파, 당근, 버섯, 파, 등등...) 요리할때 마다 필요한 곳에 쓰는 것을 추상화도 해보았다. Atom은 State.. 이전 1 다음
