React Query에서 query를 삭제하려면 removeQuery 함수를 사용할 수 있습니다. 이 함수는 query의 고유한 키 값을 매개 변수로 사용합니다.예를 들어, myQuery라는 이름의 query가 있다면 다음과 같이 removeQuery 함수를 호출하여

localStorage를 통해 칸반의 추가, 삭제, 업데이트, 드래그, 드랍을 하고자 변경감지될 때마다 localStorage에서 꺼내고 빼서 쓸 수 있는 Hook이 필요했다. 초기에 구현했던 useLocalStorage 값 읽기 초기의 state값으로 local

브라우저에서는 보안적인 이유로 cross-origin HTTP 요청들을 제한합니다. 그래서 cross-origin 요청을 하려면 서버의 동의가 필요합니다. 만약 서버가 동의한다면 브라우저에서는 요청을 허락하고, 동의하지 않는다면 브라우저에서 거절합니다.이러한 허락을 구

1. Firebase Authentication 1.1. firebase 초기세팅 📍 clientApp.ts firebase에서 필요한 것들로만 가져와서 clientCredentials로 initialize한 firebase를 변수(initFirebase)에 할당

1. 스코프

함수란? 💡일련의 과정을 문(statement)로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것을 의미한다.함수는 함수 정의를 통해 생성한다.\*함수의 구성요소매개 변수(parameter)인수(argument)반환(return value)Key poin

1. 시간 복잡도란?

Key Ponint 💡 링크드 리스트란?연결 리스트 라고도 함 배열은 순차적으로 연결된 공간에 데이터를 나열하는 데이터 구조배열은 미리 특정한 연결된 공간을 예약을 하고 거기에 데이터를 쓰고 읽는 구조링크드 리스트는 미리 예약을 하지 않고 필요할 때마다 데이터를 더

Key Ponint 💡 스택이란?데이터를 제한적으로 접근할 수 있는 구조한 쪽 끝에서만 자료를 넣거나 뺼 수 있는 구조가장 나중에 쌓은 데이터를 가장 먼저 빼낼 수 있는 데이터 구조큐 : FIFO 정책 : 첫 번째 넣은 것이 첫 번째로 나옴스택 : LIFO 정책 :

1. 큐(Queue)란? Key Ponint 💡 큐의 구조 가장 먼저 넣은 데이터를 가장 먼저 꺼낼 수 있는 구조 일종의 줄을 서는 행위와 유사하다. FIFO(First-In-First-Out) 또는 LILO(Last-In-Last-Out) 방식으로 스택과 꺼내는

Key Ponint 💡 배열이란?데이터를 나열하고, 각 데이터를 인덱스에 대응하도록 구성한 데이터 구조파이썬에서는 리스트 타입이 배열 기능을 제공하고 있다.Key Ponint 💡 배열이 왜 필요할까?같은 종류의 데이터를 효율적으로 관리하기 위해 사용같은 종류의 데이

Key Ponint 💡 자료구조란?용어 : 자료구조, 데이터 구조, data structure대량의 데이터를 효율적으로 관리할 수 있는 데이터의 구조를 의미한다. 코드상에서 효율적으로 데이터를 처리하기 위해, 데이터 특성에 따라, 체계적으로 데이터를 구조화해야 한다.

다른 언어에는 int, double 등 숫자타입의 다양함이 있지만, JavsScript는 number는 하나만 있다.정수만을 위한 타입이 없고, 모든 수를 실수로 처리한다.Key Ponint 💡 자바스크립트의 원시 타입은 몇가지인가? 종류는?boolean, strin

Key Ponint \*💡나무를 흔들어서 죽은 나뭇잎들을 떨어뜨리듯, 코드를 빌드할 때도 실제로 쓰지 않는 코드들을 제외한다는 뜻으로 Tree Shaking이란 이름이 붙여졌다고 한다.2\.

Key Ponint 💡 Hook의 장점은 로직의 재사용이 가능하고 관리가 쉽다.함수 안에서 다른 함수를 호출하는 것으로 새로운 hook을 만들어 볼 수 있다.기존의 class component는 여러 단계의 상속으로 전반적으로 복잡성과 오류 가능성을 증가시켰다. 하지

리액트에서 props는 프로퍼티(properties, 속성)의 줄임말로, 읽기만 가능하며(read-only)불변성을 지닌 요소를 의미한다. 애플리케이션에서 props는 부모 컴포넌트부터 자식 컴포넌트로 전달되는 계층 구조를 따른다. 반대는 불가능하다. \* 리액트는

1. 프론트앤드 라이브러리, 프레임워크(React, Angular, Vue) 1) FE 라이브러리 & 프레임워크를 사용하는 이유 프로젝트 규모가 커지고, 다양한 유저 인터렉션이 전달된다면 그만큼 DOM 요소들 또한 변화가 이루어져야 한다. DOM 요소들이 변화하면

DOM(Document Object Model)은 웹 페이지를 이루는 태그들을 자바스크립트가 이용할 수 있게끔 브라우저가 트리구조로 만든 객체 모델을 의미한다.DOM(Document Object Model)을 영어 뜻풀이 그대로 하자면 문서 객체 모델을 의미한다.문서

category 필드의 경우 map타입을 적용하여, 하위 필드를 구성카테고리 선택에 따라서, 데이터를 가져와야 했기 때문에 나눴어야 했다. 이렇게 selectedProducts 를 요청하도록 할 때는, 카테고리에 맞는 스트링을 보내주면서 데이터를 가져오도록 구성 이렇