javascript 에서 css를 사용할 수 있게 도와주는 라이브러리\-> css를 따로 페이지에 모아두는게 아니라 한 컴포넌트에 기능과 css를 같이 넣는 것이다.import기본 문법 : styled.원하는 HTML 태그→ 클래스명 자동 생성 style 속성이 중복될
TypeScript js를 기반으로한 프로그래밍 언어 ✨ 특징 strongly-typed : 프로그래밍 언어가 작동하기 전에 type 확인 js ts > plus(1,1) → O plus(”a”,1) → ERROR! 타입이 다르면 경고 표시를 보낸다 ✨
URL의 파라미터 잡기typescript → useParams를 빈 오브젝트라고 생각해서 오류 뜸‼️ react-router-dom v6 이상 : useParams 쓰는 순간 타입이 string or undefined1) 타입 내부 선언2) 타입 외부 선언→ 근데 이
\-> 보이지 않는 방식으로 데이터를 보내는 법\-> coin으로된 array임을 알려주기useEffect : 특정 시기(시작, 끝, 변화할 때)에만 코드를 실행엄청 많은 양의 데이터 가져옴 …→ .slice 사용coins → coin 이동시 가지고 있던 state
React 애플리케이션에서 서버 state를 fetching, caching, synchronizing, updating할 수 있도록 도와주는 라이브러리"global state"를 건드리지 않고 React 및 React Native 애플리케이션에서 데이터를 가져오고,
지난 번에 했던 크립토 트래커 클론코딩에 recoil을 도입해보았당 일단 리코일 안 쓴 버전을 구현해보며 리코일의 필요성에 대해 느껴보자 🌞 DarkMode → LightMode (Recoil ❌) 기본 세팅 ⏩ ThemeProvider (index.tsx →
기존에 리액트에서 form을 다룰 때 쓰던 방식cf) typescript는 각각에 맞는 event type 지정해줘야함cf) input이 여러개면 onChange함수도 input 개수에 맞게 만들어줘야함코드의 비효율성 🤮→ 이 모든 걸 한줄로 만들 수 있는 라이브러리
형식은 기존의 useState와 유사함const value, modFn = useRecoilState(toDoState);첫번째 항목 : value (never(빈) 타입의 배열)두번째 항목 : value를 변경하기 위한 함수💡 useRecoilValue: state
Recoil에서 함수나 파생된 상태를 나타낸다.atom 만들기useRecoilState 사용해서 input과 연결useRecoilState : get으로부터 return한 값과 set property를 실행시키는 함수minutes : numberevent.current
🌟 Redux Javascript application들의 state를 관리하는 방법 React와 많이 사용하면서 유명해졌으나, React에 의존하는 라이브러리는 아님 Angular, Vue.js, Vanilla JS 등 JS 언어내의 여러곳에서 사용 가능 Co
Provider컴포넌트를 통해 앱의 다른 컴포넌트에서 Redux store를 사용할 수 있다💡 argument로 state, dispatch를 가짐state: Redux store에서 온 statedispatch: component의 propsconnect()는 re
ReactJS 애니메이션 라이브러리<motion.div></motion.div> ⭕️애니메이션의 초기값 지정Untitled화면 기록 2022-11-14 오후 8.32.43.mov코드가 깔끔해진다애니메이션을 하나로 연결시켜준다⚠️ variants 객체 안의 이