반응형 분류 전체보기601 tanstack-query v5 업데이트 기능: useQuery에 onSuccess 삭제 const { data: taskData } = useQuery(["taskData"], fetchTaskData, { staleTime: 60000, onSuccess: (taskData) => setTaskDataSource(taskData), }); const { data: jobData } = useQuery(["jobData"], fetchJobData, { staleTime: 60000, onSuccess: (jobData) => setJobDataSource(jobData), });이러면 캐시에 onSuccess 실행안되서 버그 생김 그래서 tanstack-query에서는 useQuery에 onSuccess 없앰 2024. 6. 11. jsx의 const 변수를 컴포넌트로 변환하려 성능최적화 하는 아티클 https://ykss.netlify.app/translation/500ms-to-1.7ms-in-react:-a-journey-and-a-checklist/#%EB%8B%A8%EA%B3%84-3---jsx%EC%9D%98-const-%EB%B3%80%EC%88%98%EB%A5%BC-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EB%A1%9C-%EB%B3%80%ED%99%98 (번역) 리액트 성능 최적화, 500ms 에서 1.7ms 까지 : 그 여정과 체크리스트원문: 500ms to 1.7ms In React: A Journey And A Checklist 이 글은 중국어로도 번역되어 있습니다. (by Qlly) Link1 Link2 모든 앱에서, 그리고 모든 개발자의 특정 개발 단.. 2024. 6. 7. 폰트최적화 폰트 파일 경량화폰트 포맷 변경하기 폰트 파일크기는 EOT> TTF/OTF > WOFF > WOFF2이다.https://transfonter.org/ Online @font-face generatorThe @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on theirtransfonter.org위 페이지에서 폰트 포맷을 변경.. 2024. 5. 21. HTTP - Stateless, 비연결성 StatelessStateless 특징무상태, 서버가 브라우저의 상태를 저장하지 않음 scale up이 쉬움서버가 문제가 있을때 다른 서버로 대체 할 수 있음아무 서버나 사용해도 됨ex: 선착순 이벤트, 학과 수강신청, 명절 버스 예약등 짧은시간에 요청이 몰리는 경우 서버를 확장하여 대처하기 쉽다.한계로그인등은 상태유지가 필요함.클라이언트에서 토큰을 계속 보내주거나, 세선+쿠키로 서버에서 로그인 상태를 저장하기도 함 비연결성비연결성 특징HTTP는 기본이 연결을 유지하지 않기 때문에 서버 리소스를 효율적으로 사용 할 수 있다.ex: 구글을 이용하는 사람들이 수억이어도 검색 버튼을 누르는 사람들은 그보다 적기 때문에 동시에 처리하는 요청은 일부이다. 한계와 극복TCP/IP 연결을 새로 맺어야 함. 3way .. 2024. 5. 18. 이전 1 ··· 4 5 6 7 8 9 10 ··· 151 다음 반응형
