초보 개발자의 일기

Re-fetch Re-fetch 어떤 조건 하에서 자동적으로 다시 가져오기 된다. stale 쿼리를 사용 조건 새로운 쿼리 인스턴스 많아지거나 쿼리 키 처음 호출 창을 재포커스 만료된 데이터의 업데이터 여부를 확인할 수 있는 네트워크 다시 연결된 경우 리페칭 자주 변하지 않은 정보는 리페칭을 제한해도 된다. but 실시간 정보는 중요하기 때문에 사용해야 한다. 리페칭을 제한하면 얻는 장점 불필요한 랜더링이 줄어든다 코드 작성하기 전 반드시 알아야 할 개념 staletitme -staleTime 만큼 시간이 지나면 데이터는 stale 상태로 변경된다. staleTime의 default값은 0이다. 따라서 따로 설정해주지 않는다면 useQuery로 받아온 데이터는 받아오자마자 곧바로 stale 한 상태로 변..

Virtual DOM이란? https://ko.reactjs.org/docs/faq-internals.html#what-is-the-virtual-dom Virtual DOM과 Internals – React A JavaScript library for building user interfaces ko.reactjs.org 리액트는 컴포넌트가 바뀔 때 이전 컴포넌트와 비교를 해 다른 부분을 리랜더링 한다. 코드를 보면 return 아랫부분이 Virtual DOM인데 이전 컴포넌트의 Virtual DOM과 현재 상태의 Virtual DOM을 비교한다. 둘이 비교를 하였을 때 달라진 부분이 있으면 그 부분만 리액트에서는 리렌더링을 한다. 예시 return ( 로그인 회원가입 ); }; 이렇게 코드를 작성하면..

사이트의 화면 크기를 줄이고 늘려보면 창의 크기에 따라서 배치가 바뀌는 것을 쉽게 볼 수 있다. 이번에 antd에서 반응형 디자인을 한 번 사용해 본다. grid 사용하는 방법 https://4x.ant.design/components/grid/ Grid - Ant Design Child elements depending on the value of the start, center, end, space-between, space-around and space-evenly, which are defined in its parent node typesetting mode. 4x.ant.design xs: 모바일 sm: 태블릿 md: 작은 데스크탑 이렇게 각 단위마다 화면크기가 정해져 있다. 또 반응형을 만들..

react에서는 react router를 이용하여 link를 걸고 페이지를 이동을 하였다. next에서는 import Link from 'next/link';를 작성하면 자체적으로 지원이된다. 형태는 아래처럼 사용을 한다. 노드버드 프로필 회원가입 href 안에 이동하고 싶은 페이지의 이름 태그안에 사용하고 싶은 이름을 작성해주면 이렇게 링크가 걸리며 각 페이지로 이동을 할 수 있다. 또 next에는 react hor loader 기능이 알아서 적용되어있다. 서버를 키고 코드를 바꾸면 알아서 바꾸어 진다.

문제 입력 첫 줄에 N(5

문제 입력 첫째 줄에 N(1≤N≤100,000), M(1≤M≤100,000,000)이 주어진다. 수열의 원소값은 1,000을 넘지 않는 자연수이다. 출력 첫째 줄에 경우의 수를 출력한다. 입력 예시 5 5 1 3 1 2 3 출력 예시 10 풀이 방법 내 코드 Solution 느낌점

문제 입력 첫째 줄에 N , M이 주어진다. 수열의 원소값은 1000을 넘지 않는 자연수이다. 출력 첫째 줄에 경우의 수를 출력한다. 입력 예시 8 6 1 2 1 3 1 1 1 2 출력 예시 3 풀이 방법 for문을 한번만 돌리면서 왼쪽 변수인 lt, 오른쪽 변수인 rt를 설정하여, rt를 증가시키면서 sum값과 n값을 비교한다 값을 경우 answer를 증가 sum이 n보다 클거나 같을 경우 제일 앞 숫자를 빼면서 값을 비교하며 부분 수열을 만든다. 내 코드 Solution 느낌점

문제 입력 첫 번째 줄에 첫 번째 배열의 크기 N 두 번째 줄에 N개의 배열 원소가 오름차순 세 번째 줄에 두 번째 배열의 크기 M 네 번째 줄에 M개의 배열 원소가 오름차순 출력 오름차순으로 정렬된 배열을 출력합니다. 입력 예시 3 1 3 5 5 2 3 6 7 9 출력 예시 1 2 3 3 5 6 7 9 풀이 방법 두 배열을 입력받은 후 배열의 길이 만큼 for문을 돌려 새로운 배열에 push해 배열을 만든다 그 후 새로 만들어진 배열을 sort로 오름차순 정렬을 한다. 내 코드 Solution 느낌점 전에 배운 sort 오름차순 정렬을 알고 나니 쉬운 문제였다.