React 3

Tanstack query

Tanstack query란? 서버 상태를 관리하기 위한 라이브러리로, 데이터를 패칭하고 캐싱, 동기화, 무효화 등의 기능을 제공한다.> 개발자는 이전에 비해 훨~씬 비동기 로직을 간편하게 작성하고 유지보수성을 높일 수 있다. 주요 기능 데이터 fetching 및 캐싱: Tanstack Query 는 데이터를 자동으로 캐싱하여 동일한 요청을 반복적으로 하지 않도록 한다. 이는 네트워크 요청을 최소화하고 성능을 향상시킨다.자동 갱신: 데이터를 stale(구식)로 간주하면 자동으로 최신 데이터를 가져온다. 이 기능을 통해 항상 최신 상태의 데이터를 유지할 수 있다.배경에서 갱신: 사용자가 현재 페이지를 보고 있지 않아도 배경에서 데이터를 갱신할 수 있다.간편한 리트라이: 네트워크 요청이 실패하면 자동으로 다..

React 2024.06.23

Tailwindcss에 원하는 color 추가하기

Tailwindcss 사용 2일차 응애인 나는 아직도 적응하는데 넘 오래걸림,, 팀 프로젝트 진행중에 피그마에서 같이 정한 색이Tailwindcss의 기본색으로 대체할 수가 없어서색을 추가할 수가 있는지이것저것 검색해보고 있었음 근데 웬걸 방법 레전드로 쉽다! tailwind.config.js파일 안에 export default { content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'], theme: { extend: { colors: { customPurple: '#D9B8FF', customBlue: '#80CAFF', bgDev: '#FFFFF0' } } },  theme 객체 안에 ..

React 2024.06.18

리액트 개인과제 map 오류

to do list를 만드는 과제중최종 단계에서뭐지 이건,, map이 엉뚱한데서 적용되고 있는 것 같은데튜터님한테 바아로 찾아갔다 해결방법은 너무 간단했음저 workingbox를 감싸고 있는 div 자체를 map해야하는데div안의 내용만 map돌리고 있었음 ㅜㅜ저 맨 윗줄 바로 아래에 있던 div를 return 아랫줄로 옮기고 Content에 부여했던 key값을 최상위의 div에게 부여해줬다 그러면이렇게 짜잔 ! 이제 css만 좀 더 건들이면 완성ㅇ~~그건 내일 놀고 생각해보자 공휴일이니까!!

React 2024.05.14