[Tanstack Query] 9. Query Key 네이밍 가이드
쿼리 키 네이밍 가이드, 객체 사용 시 주의사항, 키 관리 예제에 대해 소개합니다.
[Tanstack Query] 8. 쿼리 캐시와 데이터 프리페칭
queryClient로 쿼리 캐시를 관리하는 방법과 prefetchQuery로 데이터 프리패칭하는 방법에 대해 소개합니다.
[Tanstack Query] 7. 무한 스크롤과 더 보기
useInfiniteQuery와 useInfiniteQuery를 이용한 더보기 기능에 대해 소개합니다.
[Tanstack Query] 6. 쿼리 병합과 의존성 관리
queryKey, enabled를 사용해 의존성 관리. useQueries로 여러 쿼리를 병렬 요청, combine으로 useQueries의 결과를 커스텀하는 방법에 대해 소개합니다.
[Tanstack Query] 5. 쿼리 상태 관리와 에러 핸들링
쿼리의 상태 값, onError, retry를 사용해 에러 핸들링하는 방법과 initialData, placeholderData 로 초기 데이터를 표시하는 방법에 대해 소개합니다.
[Tanstack Query] 4. 쿼리 리페치와 데이터 동기화
refetch, enabled, refetchOnWindowFocus, refetchInterval를 사용해 쿼리를 리페치하고 데이터를 동기화하는 방법에 대해 소개합니다.
[Tanstack Query] 2. 데이터 가져오기와 캐싱
useQuery, staleTime, gcTime, refetchInterval에 대해 소개합니다.
[플러터] table_calendar 마이그레이션 (2.3.3 → 3.0.8)
api 문서, 2.3.3 → 3.0.8 table_calendar 라이브러리가 3.0.0 버전에서 큰 업데이트를 하면서 기존의 속성들이 대부분 삭제되고 새로운 속성들이 등장했다. 문제는 이전 속성들의 이름이 뭘로 바뀌었다는 내용이 없다는 것이다. 그래서 3
[git] Git 커밋 메시지 컨벤션
Git 커밋 메시지 컨벤션(이하 커밋 컨벤션)은 일관된 형식의 커밋 메시지를 작성하기 위한 규칙이다.프로젝트 상황에 맞게 수정할 수 있다.커밋 메시지: 코드 변경 사항을 요약하는 역할한 프로젝트에 여러 개발자가 서로 다른 방식의 커밋 메시지를 작성한다면 여러 문제를 겪
[Dart] 기본 함수
타입과 함께 매개변수를 선언한다. 해당 매개변수는 함수내에서만 사용된다.함수가 반환하는 값이 없을 때 함수 앞에 void 키워드를 붙인다. 함수가 값을 반환한다면 값의 타입을 함수 앞에 작성하면 된다.화살표 함수를 사용하면 화살표 다음이 반환되는 값이된다.함수 호출 시
[Dart] 기본 문법
print 함수를 통해 콘솔을 찍을 수 있다.(JS의 console.log) dart는 뒤에 꼭 세미콜론을 붙여야 한다.var는 모든 타입을 할당할 수 있고 재할당 또한 가능하다. 하지만 첫 할당한 타입과 다른 타입으로 재할당이 불가능하다. dynamic은 어떤 타입이
[Dart] Dart란? (flutter가 dart를 선택한 이유, 주요 기능)
Dart는 구글이 개발한 프로그래밍 언어이며 주로 플러터 앱 개발에 사용되는 언어이다.왜 많고 많은 언어중에 flutter는 Dart를 선택했을까? 초기 플러터 팀은 12개 이상의 언어중 UI 구축 방식이 일치하는 dart를 선택했다. dart는 아래의 기준에서 높은
[플러터] Flutter 초기 세팅(Mac)
링크에 접속해 자신의 OS에 맞게 다운로드를 진행하면 된다. 링크로 접속해 밑으로 내리다 보면 OS 버전에 맞게 다운로드 할 수 있는 화면이 나온다.apple silicon인 경우 Mac(64-bit, ARM)을 선택하면 된다.설치가 됐다면 flutter 확장 프로그램
[네트워크] SSH (Secure Shell), SSH key 생성 방법
SSH는 “원격 접속 프로토콜”로 원격지 컴퓨터에 접속하기 위해 사용되는 인터넷 프로토콜이다.따라서 이를 이용해 다른 지역의 컴퓨터 또는 서버를 관리할 수 있고 파일 공유도 가능하다.SSH는 대표적으로 데이터 전송(ex: github), 원격 제어(ex: AWS)에 사
[네트워크] 자주 사용되는 HTTP 상태 코드 (Status Code)
HTTP 상태 코드는 클라이언트 요청의 상태를 나타내기 위해 서버에서 반환하는 3자리 숫자이다.응답은 5개의 그룹으로 나뉜다.요청을 받았고 처리 중이다.서버가 요청을 성공적으로 처리했다. 주로 서버가 요청한 페이지를 제공한다.요청을 성공했고 결과로 새 리소스가 생성되었
[네트워크] CORS (SOP, error해결)
CORS는 Cross Origin Reasource Sharing의 약자로 직역하면 교차 출처 리소스 공유라는 뜻이다.CORS는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우
[네트워크] HTTP Method (GET, POST, PUT, PATCH, DELETE)
💡 GET 메소드는 리소스를 조회하는데 사용된다.GET은 요청 전송 시 필요한 데이터를 쿼리스트링을 통해 전송한다. 따라서 body와 Content-type이 비어있다. 쿼리스트링을 사용하면 URI에 조회 조건을 표시해서 링크, 북마크가 가능하다.쿼리스트링: URL
[네트워크] 주소창에 URL을 입력하면 일어나는 일
브라우저는 DNS 조회 전 캐시 계층을 먼저 확인한다.Browser cache: 브라우저가 이전에 방문했던 사이트의 DNS record를 일정 시간 보관한다.OS cache: Browser cache에 없다면, system call을 통해 OS가 저장하는 DNS rec