React

컴포넌트 앱을 만들 때 어떠한 컴포넌트로 나눌 것인지. 리액트 설치 npx는 저장이 아닌, 이 패키지를 가져와서 실행만 하는것 -> 계속 가지고 있을 필요가 없음 1번만 필요하기 때문에 (앱을 사용할 떄) 리액트 앱을 생성할 때만 필요 패키지 같은 경우에는 버전이 중

useParams, useState, 그리고 useEffect는 React 애플리케이션에서 특정한 목적을 위해 사용되는 React 훅입니다. 각각의 역할과 사용 이유를 설명해보자.역할: useParams는 React Router의 동적 경로 매개변수를 가져오는 데 사용

<아래 공식문서>fetching, caching, 서버 데이터와의 동기화를 지원해주는 라이브러리이름처럼 React 환경에서의 비동기 Query(질의) 과정을 도와주는 라이브러리이다. 1\. React Query는 React Application에서 서버 상태를 불

쿼리스트링은 URL의 한 부분이며 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용기존 URL 요청 예시프론트: /list -> 리스트 요청   /detail/ ->상세 페이지 요청\-> 만약 상품의 종류가 어마무시하게 많아진다면 /list 페이지에서 모

Promise는 JavaScipt의 비동기 처리에 사용되는 객체로써 비동기로 처리되는 결과를 동기처럼 반환한다. 실제로 동기처럼 처리되는 것이 아닌, 미래의 데이터 처리가 완료된 시점에 결과를 제공하겠다는 '약속(프로미스)'를 반환한다. JavaScript에는 동기 작

1\. Commit 메시지 구조기본 적인 커밋 메시지 구조는 제목, 상세 두 가지 파트로 나누고, 각 파트는 빈줄을 두어 구분한다.2\. Commit Type타입은 태그와 제목으로 구성되고, 태그는 영어로 쓰되 첫 문자는 대문자로 한다.태그 : 제목의 형태이며, :뒤에

로그인 기능을 구현할 때 주로 토큰 기반 인증으로 구현하는데, 이때 JWT(Json Web Token)를 많이 사용토큰 인증 방식은 좋은 방법이긴 하지만, 제 3자에게 토큰이 노출되었을 경우 보안에 취약하다는 단점=> 토큰 인증을 구현할 때 유효기간을 짧게 설정한 ac

useRef의 작동방식useRef는 react 컴포넌트에서 mutability(가변성 = 데이터나 객체의 상태가 변경이 가능)를 관리하는데 사용된다.useRef로 생성된 객체는 컴포넌트의 생명 주기 동안 유지되며, 리렌더링 시에도 재생성되지 않는다. '.current'

React Query목차
1.React Query란?
2.React Query와 캐싱
3.Query의 상태 흐름도
4.react query 사용법
5.react query 구조v5.0.0 기준react query는 v4부터 react를 제외하고 Solid.js나 Vue

\-> React에서 제어 컴포넌트란, React를 통해 제어하게 되는 컴포넌트를 말한다. 제어 컴포넌트로 폼을 다루기 위해서 하나하나 state를 선언해주고, 해당 state를 다루기 위해서 또 핸들링 함수를 만들어야 하고, 에러를 위한 state, 또 검등을 위한