React

a href를 하면 페이지가 새로고침되어 사용하지 않을 거라고 하시는 n선생님 => 대신 react router dom을 통해 link component 사용 because link won't refresh the pagelink 는 to 속성이 필요함.앞으로 자주 보

링크로 state를 전달하는 방법.. recoil의 대체인걸까 플랜b용인건가

typescript에서는 interface라 할 지라도 \[]이 있으면 그 안에 무엇으로 이루어져있는지 또 다른 interface를 만들어 설명해줘야 한다는 것.정의해주고const priceInfo, setPriceInfo = useState();넣어주면 된다..prc

switch가 v6에서는 어떻게 사용되는지instead of using state, using url directlystate, url 모두 사용가능하지만 user가 url로 직접 타고 들어갈 수 있기때문에 url선호요런 식으로 아래에 렌더링이 된다Route의 coin

useQuery는 고유 키값과 fetcherfunction 총 두개를 인자로 받는다. 그리고 boolean값인 isloading과 fetcherfunction이 반환하는 데이터를 data에 담는다. const {isLoading, data, } = useQuery(

[one option] useParams

Global State어플리케이션 전체에서 공유되는 state☞traveling props problem How to modify the value of the atom?useSetRecoilStateReact-Hook-Form 쓰지 않을 시위와 같은 경우, input

interface (IToDo)를 생성해주어야 typescript가 toDoState를 제대로 인식할 수 있음. or never[ ] ( 이해가 잘 안가..) setToDos => 1. 직접적으로 값을 바꿀 수 있다. 2. 함수를 받아 그 return값이 새로운 sta

! 사용자들이 버튼을 이용해서 todo의 카테고리를 바꿀 수 있게 하기 & 카테고리에 따른 알맞은 버튼만 보이게 하기 !IToDo'category'클릭된 버튼 수정하기1\. find todo based on id (find the index)2\. 그 인덱스 이전의 모

Selector represents a piece of derived state -> (state를 입력받아서 그걸 변형해 반환하는 순수함수를 거쳐 반환된 값)the point of selector is that atom을 가져다가 output을 변형할 수 있다는 것,

state이 아닌 atom에 저장 and 하나의 데이터만 저장하고싶음input's value는 type에 관계없이 string 반환.event.currentTarget.value했을 때 string. => 앞에 + 를 붙여준다. => setMinutes(+event.c

npm i react-beautiful-dndimport DragDropContext (required prop => onDragEnd)Droppable => the area that we will drop things & required prop => droppabl

magic.placeholder let the Droppable Board keep the original size.onDrag는 드래그가 끝났을 때 실행될 함수를 arg로 받는다 & gives many information about what happend when