본문 바로가기

전체 글

 (40)
2024-09-05 갓생 살기 2일차 오늘 공부한거.. 정리정리 1. 프로젝트 수정 - 캐릭터 이미지를 변경했다. - 그리고 액세스 토큰이 만료되었을 때 쿠키에 갖고있는 리프레시 토큰으로 다시 액세스 토큰을 요청하는데, 계속 400이 뜬다... ㅜㅜ 이유를 모르겠다...ㅜㅜ.. 아직 문제를 뚝딱 해결하기엔 내가 많이 부족한거같다.. 언제쯤 나도 코딩 천재가 될 수 있을까.. 2. 프론트엔드 Cs 개념 공부 오늘 공부한건 리플로우와 리페인트가 실행되는 시점대략적으로 설명하자면 리플로우는 DOM 엘리먼트 추가, 삭제 변경시 , Css 스타일 추가 삭제 변경시, css클래스가 추가 될때, css애니메이션 트랜지션 등등.. 유저 인터랙션(글꼴 전환, hover, 창 크기 조정) 등으로 인해도 트리거 된다. 리페인트는opacity, 배경 색상, vi..
2024-09-04 갓생 살기 1일차 오늘한 일 갓생 살기 1일차 !이제부터 공부한 내용들을 매일 매일 기록하면서 복기를 하는 시간을 가져보도록 하려고 한다..! 방법은공부한거 끄적이면서 복습하기!한 일 기록하기! 자소서일어나서 자소서 하나를 작성했다. 아직 좀 더 첨삭 할 부분이 남았다.  Fe Cs - 브라우저 렌더링 공부그리고 브라우저 렌더링 방식을 공부했다. 짧게 오늘 학습한 렌더링 방식을 얘기하자면  브라우저에는 렌더링 엔진이 있고 CRP (중요 랜더링 경로) 를 사용해서 단계별로 이루어지는데 HTML은 파싱을 통해 DOM 트리를 구축, CSS는 파싱을 통해 CSSOM을 구축 그리고 이 둘을 합쳐서 렌더트리를 구축 하고, 뷰포트를 기반으로 노드의 정확한 위치와 크기를 계산하는 Layout 과정을 거쳐 화면에 Paint하는 과정으로 ..
[React] Tanstack 쿼리 , POST POST 컴포넌트 내 const { mutate } = useMutation({ mutationFn: createNewEvent, onSuccess: () => { queryClient.invalidateQueries({queryKey:"events"}); // 정확하게 key가 일치해야하는 경우 // queryClient.invalidateQueries({queryKey:"events",exact:true}); navigate("/events"); }, }); function handleSubmit(formData) { mutate({ event: formData }); } createNewEvent 함수import { Quer..

티스토리툴바