React Query 뭐고 왜 쓰지 > 서버 상태를 패칭, 캐싱, 동기화, 업데이트 작업을 하주 쉽게 해줍니다 React Query 공식문서 react query가 tanstack query로 이름이 바뀐 만큼 (사유 : 범용적인(vue나 svelte 에도 적용)

DP는 규칙을 얼마나 잘 발견해서, 메모리에 어떤식으로 저장하는지가 제일 중요한 것 같다

토마토마토 정복~~

이분탐색 start와 end 잘 골라 설정하고, if문 분기의 조건을 잘 고려하기!

목차 🌳 1️⃣ 리액트 앱에서 유저의 권한을 부여하는 방법 2️⃣ 로그인 후, 백엔드로부터 받은 res에서 토큰 찾아 유저의 권한저장 및 유지 🔍 3️⃣ 유저의 권한 부여 이후, 백엔드에 req 보내기 📤 4️⃣ 유저의 권한 회수 및 로그아웃 방법 📭 리액트

목차 🌳1️⃣ Route와 SPA 🤨 2️⃣ react-Router 사용하기 📁3️⃣ data Fetching과 submiteRouting 은 네트워크에서 경로를 선택하는 프로세스를 의미즉, 주소에 대한 요청이 들어왔을때 상응하는 content 로 이동시켜주는 작

목차 🌳1️⃣ redux로 비동기 작업2️⃣ 🛒 컴포넌트 안에서 비동기 다루기3️⃣ 🛒 action creators(액션 생성자) 안 에서 비동기 다루기 이전 강의에서 배운 리덕스에서 리듀서함수는 무조건 순수 함수여야만 하며, side-effect 을 다룰 수 없

목차 🌳 1️⃣ Redux 가 뭔가요? 👀 2️⃣ Redux 그거 어떻게 쓰는건데요? 🥸 3️⃣ 적용해보자! Redux Redux가 뭔데요 👀 > “app-level state” management! Redux는 여러 컴포넌트, 혹은 앱 전체에서 공유되는

문제링크1️⃣ 줄의 길이를 start(min) = 1, end(max) = 주어진 줄 배열중 최대 길이로 잡고 이진 탐색을 진행한다.2️⃣ 이때 mid 값으로 N 개의 줄을 만들 수 있는지를 판별한 후, 가능한 경우 ans 배열에 넣는다.3️⃣ 이진탐색을 마친 후, a

목차 🌳1️⃣ 폼을 다루는 어려움? 2️⃣ Form 제출을 다루는 방법 & 유효성 검사 3️⃣ Form 관련 내장 기능4️⃣ Custom Hook으로 처리하기

목차 🌳1️⃣ 복습 Hook 만드는 규칙2️⃣ Custom Hook 만드는 이유3️⃣ Custom Hook 만드는 방법 + 사용해보기1️⃣ 리액트 Component function 안이나, 혹은 다른 hook 안에서 사용 가능!!2️⃣ Component functio

목차 🌳 1️⃣ 리액트 앱을 백엔드/ DB와 연결하기 2️⃣ 데이터 fetch 방법 3️⃣ 데이터 send 방법 리액트 앱을 백엔드/ DB와 연결하기 > HTTP 요청을 보내고 응답을 받음으로써, 프론트와 서버(DB)는 연결됨 보안 이슈로 인해, 리액트 앱에서

목차 🌳 1️⃣ 클래스 컴포넌트란? 그리고 왜 쓰는데요? 2️⃣ 어떻게 사용하는데요? 3️⃣ Error Boundaries Class-based Components 클래스 컴포넌트란? 그리고 왜 쓰는데요? > 클래스 기반 컴포넌트란?👀 ES6 클래스 구문을

Section 12 practice Section 13: 리액트와 최적화 테크닉 useMemo/ memo / useCallback/ key의 중요성 / state 스케줄링, 배칭

문제링크퐁당퐁당 문제 (= 퐁으로 끝나냐 당으로 끝나냐를 봐야함 )다음과 같이 순서가 전개되는데, turn이 홀이면 상근, turn이 짝이면 창영이가 이긴다

문제링크 접근 방향 설명 > 주어진 가격은 많지만, 우리가 쓸 가격은 최고 가격! => 패키지의 최소가격, 낱개의 최소 가격 뽑아내기 > 고려애햐 하는 가격 경우의 수 1) 낱개로만 사는 경우 each_min * N 2) 6의 배수일떄 3) 6의 배수 아님 +

1) 한줄씩 주어진 알파벳 문자열을 split('') 해서 하나씩 each_value = {}; 안에 key값으로 넣어준다.2) 근데 이제 value는 단위 (10000 ,1000 ... ) 를 넣어주었다. 10 \*\* (Arr\[i].length - 1 -

문제링크최대한 많은 자연수를 쓰는게 관건인 문제이기 때문에, while 문을 통해 n을 점점 증가시켜준다. 이떄 탈출 조건은 S >= 0 으로 정해두지만, 실제 탈출 조건은 if (S <= n) 이다. (왜냐하면, S가 n보다 작아지면 동원되는 자연수의 증복이

최소한의 동전 갯수로 K 만큼의 금액을 만들어내면 되는 문제 주어진 배열을 역순으로 반복문을 돌리되, 금액 / 배열의 금액 이 1 이상이면 Math.floor(K / input\[i]) 을 count 에 넣어주고, 구해낸 금액은 K % input\[i] 하면 거

괄호를 어디에 둘지가 중요한 만큼 본 문제에선 - 부호가 좀 중요하다! 그래서 .split('-') 을 통해 먼저 문자열을 나눠주고, 각 배열 내부의 값들을 최대한 크게 만들어줘서 크게 빼주면 해결된다.ex -> 55-50+40 -> '55-50+40'.sp