React 2

[T/S] Navbar에서 로그인 상태에 따른 isPending 동작 오해 (React Query 상태 혼동)

문제상황 현재 구현 중인 Navbar는 로그인 상태에 따라 표시되는 UI가 달라지도록 설계되어 있다.로그인 전 → “로그인”, “회원가입” 버튼 표시로그인 후 → “OOO님 반갑습니다!” 문구와 “로그아웃” 버튼 표시이를 위해 `useGetMyInfo` 훅을 사용하여 사용자 정보를 가져오고 있는데,isPending 상태를 기준으로 로딩 스피너를 표시하도록 변경한 이후 LoadingSpinner가 계속 돌아가며 화면이 멈추는 현상이 발생했다. 원인분석 관련 코드const { data, isPending, isError } = useGetMyInfo({ enabled: !!accessToken });if (isPending) return 기대 동작로그인 상태 (`accessToken`이 존재)일 경우 →..

[React] React 란 ?

React 는 "프레임워크"일까 ? "라이브러리"일까 ?라이브러리: 개발자가 특정 기능을 수행할 수 있도록 미리 만들어진 코드 모음으로, 개발자가 직접 호출하며 프로그램의 흐름을 개발자가 제어한다.프레임워크: 재사용 가능한 일반적인 구조와 기능을 제공하며, 그 구조 안에서 코드를 작성하도록 유도하는 소프트웨어로, 프로그램의 제어 흐름을 프레임워크가 주도하며, 개발자는 특정 지점에서만 코드를 삽입한다. 즉, 라이브러리는 도구상자, 프레임워크는 앱의 뼈대와 흐름을 제공하는 틀이라는 공식적 정의 기준의 차이이다. 그렇다면, 리액트는 프레임워크일까 ? 라이브러리일까 ?바로, 라이브러리이다. 리액트 (React) 는 사용자 인터페이스 (UI)를 구성하는 컴포넌트 단위의 화면을 만든다. 즉, 프로그램 전체의 흐름이..