📍로그인, 로그아웃 이력으로 현재 로그인된 유저 파악하기- 데이터 구조class Event: def __init__(self, event_date, event_type, machine_name, user): self.date = event_date # 시간 self.type = event_type # 로그인 or 로그아웃 self.machine = machine_name # 접속 서버 self.user = user # 유저 - 데이터 예시events = [ Event("2023-01-02 11:38:03", "logout", "webserver.local", "jordan"), Event("2023-01-02 10:19:31", "log..

이펙티브 타입스크립트 (댄 밴더캄 지음) 를 읽고 정리 📍객체 래퍼란? - string 원시값은 메서드를 갖지 않는다. - 하지만 아래처럼 메서드를 갖는 것처럼 보인다. "primitive".charAt(3) // 3 - 객체 래퍼 String.prototype.charAt() // String = 객체 래퍼 📍charAt 메서드는 어떻게 쓰일까? - JavaScript에서 string 원시값에 charAt() 같은 메서드를 사용할 때 과정 1️⃣원시값이 String 객체로 래핑됨 2️⃣메서드 호출 3️⃣래핑한 객체는 사라짐 📍원시값인 string과 객체 래퍼인 String을 혼동하면 안된다 - 타입스크립트는 원시값과 객체 래퍼 타입을 별도로 모델링한다

[유데미] React Query : React로 서버 상태 관리하기 📍react-infinite-scroller - 해당 라이브러리에서 제공하는 InfiniteScroll 컴포넌트는 useInfiniteQuery와 호환성이 좋아 자주 쓰인다 📍InfiniteScroll 컴포넌트 - 2가지 프로퍼티가 있다 1️⃣loadMore 프로퍼티 - 더 불러올 데이터를 연결 - loadMore={fetchNextPage} 형태로 사용 2️⃣hasMore 프로퍼티 - 더 불러올 데이터가 있는지 확인 - hasMore={hasNextPage} 형태로 사용 - data는 data.pages 배열에 객체 원소 형태로 존재 1page.. 2page 등이 또 배열이므로 map을 2번 써야 한다 fetchNextPage()} h..

[유데미] React Query : React로 서버 상태 관리하기 📍useInfiniteQuery 훅스 const { data, fetchNextPage, hasNextPage } = useInfiniteQuery({ queryKey: ["sw-people"], queryFn: ({ pageParam = initialUrl }) => fetchUrl(pageParam), getNextPageParam: (lastPage) => lastPage.next || undefined, }); 1️⃣data 2️⃣fetchNextPage - 더 많은 데이터가 필요할 때 실행할 쿼리 함수 3️⃣hasNextPage - 수집할 데이터가 있는지 없는지를 따지는 불린값 - getNextPageParam이 undefine..

📍문제 링크 https://www.acmicpc.net/problem/2302 2302번: 극장 좌석 주어진 조건을 만족하면서 사람들이 좌석에 앉을 수 있는 방법의 가짓수를 출력한다. 방법의 가짓수는 2,000,000,000을 넘지 않는다. (2,000,000,000 < 231-1) www.acmicpc.net 📍알고리즘 분류 - 다이나믹 프로그래밍 📍문제 풀이 1️⃣피보나치 수열임을 파악하기 - 1 2 3 4 5.. N 의 N명이 양 옆으로만 움직일 수 있을 때 가짓수는 피보나치 수열 fib(N)과 일치 - 즉, fib(N) = fib(N - 2) + fib(N - 1) 그 이유는, N번째 사람이 N 자리일 수 있고, N-1 자리일 수 있는데, i) N 자리이면 N-1명의 가짓수인 fib(N-1)에 해..

📍sort- 원본 배열을 변형numbers = [4, 6, 1, 67, 23]print(numbers) # [4, 6, 1, 67, 23]numbers.sort()print(numbers) # [1, 4, 6, 23, 67]numbers.sort(reverse=True)print(numbers) # [67, 23, 6, 4, 1] 📍sorted- 원본 배열을 변형하지 않음numbers = [4, 6, 1, 67, 23]print(sorted(numbers)) # [1, 4, 6, 23, 67]print(numbers) # [4, 6, 1, 67, 23] -> 원본이 바뀌지 않음print(sorted(numbers, reverse=True)) # [67, 23, 6, 4, 1]print(nu..

[유데미] React Query : React로 서버 상태 관리하기 📍Mutation - 서버에 있는 데이터를 수정하는 네트워크 통신을 만드는 것 (e.g. 블로그 제목을 바꾸거나 등) 📍useMutation 몇가지를 제외하면 useQuery와 비슷 - mutate 함수를 반환 - 데이터를 받아오지 않으므로 query key가 없어도 됨 - isLoading만 있고 isFetching은 없음 - isError의 재시도 횟수가 디폴트 0 (useQuery는 3회) 📍jsonplaceholder API는 실제로 데이터를 삭제하거나 수정하지 않음을 주의 - 단지 삭제나 수정 결과를 반환해줌 - Delete 요청이 성공적으로 전송됐는지는 유저에게 알려줄 수 있음 📍단계 1️⃣import useMutation 2..

[유데미] React Query : React로 서버 상태 관리하기 📍Prefetching 장점 - Pagination 구현 후, 유저가 다음 또는 이전 페이지를 클릭하면 fetch가 완료될때까지 Loading element를 봐야 함 - 미리 다음 페이지를 fetch하여 cache 해두면, UI가 매끄럽게 변경되어 UX를 개선할 수 있음 📍Prefetching - cache에 data를 추가 (디폴트 : stale) - re-fetching 시 이 data를 보여줌 (data는 cacheTime 지나면 소실) - page 이외에도 유저가 미리 누를 가능성이 높은 탭에 미리 사용하면 좋음 📍사용 방법 1️⃣useQueryClient 를 import 한다 2️⃣useEffect 훅을 통해 currentPa..