React

React Query(TanstackQuery)는 단순히 "API 호출을 편하게 해주는 라이브러리" 가 아니라 서버 상태(server state)를 캐시로 관리하는 도구다.그래서 React Query 를 조금 더 알고 쓰려면 useQuery 문법보다 먼저 이해해야하는게

사용자는 항상 내가 원하는 대로 동작하지 않는다. 내가 "로그인 버튼을 눌러서 로그인 하고 마이페이지는 드롭다운 내의 메뉴로 접근하세요" 라는 흐름을 만들어 놨어도 사용자가 주소창에 경로를 직접 입력해서 특정 페이지(ex.마이페이지)로 들어올 수 있다.UI상에서는 숨겨

qs란, 객체(object)를 query string으로 변환하거나, query string 을 다시 객체로 파싱(parse)하는 라이브러리다. 쉽게 말하면 프론트에서 이렇게 관리하는 데이터를 이런 URL 쿼리 형태로 바꿔주는 역할을 한다. React에서 검색

현재 프로젝트에서 기존 예약 관리 화면은 탭과 검색, 그리고 예약 카드 리스트 중심으로 구성되어 있었다.탭별로 요청, 진행 중, 완료, 취소/거절 상태를 나눠 조회할 수 있었지만, 사용자는 예약을 시간 흐름으로 파악하기 어려웠다.특히 다음과 같은 불편함이 있었다.특정

폼에서 주소를 직접 입력받으면 표기가 제각각이라 관리가 번거롭다.그래서 이번에는 다음 주소검색(카카오 우편번호 서비스) 을 붙여서 사용자가 주소를 검색 후 선택하도록 구성했다.먼저 다음 주소검색 스크립트를 불러와야 한다.이 스크립트를 불러오면 window.daum.Po