co-cherry

TanStack QueryReact 애플리케이션에서 서버 상태(Server State)를 관리하기 위한 비동기 상태 관리 라이브러리 서버에서 데이터를 가져오고, 캐싱하고, 동기화하고, 업데이트 하는 모든 과정을 대신 관리해준다. Q. 왜 필요할까?useEffect + fetch 로 직접 서버 데이터를 관리하면 매번 반복되는 코드를 작성해야 함 const [data, setData] = useState(null);const [isLoading, setIsLoading] = useState(false);const [error, setError] = useState(null);useEffect(() => { setIsLoading(true); fetch('/api/todos') .then(res =..

*UMC 워크북 내용을 일부 참고하였다. 기능 목록 확정게시판 기능을 구현하기 위한 기능 목록을 작성하였다.(후에 이미지 추가 및 댓글 부분 추가 예정) 게시글 생성게시글 수정게시글 삭제게시글 단건 조회 (상세 보기) 게시글 목록 조회 (페이지, 최신순) ERD 작성위 게시판 기능을 기준으로 User와 Post 엔티티를 최소로 정의하였다. Enum의 사용 예시를 보여 주기 위해 부가적으로 필드를 추가했지만... 한 명의 회원(1)은 여러 개의 게시글(N)을 작성할 수 있으므로 User와 Post는 1:N의 관계로 설정하였다.또한, Post 엔티티는 작성자의 식별을 위해 user_id를 외래키로 가진다. https://www.erdcloud.com/d/hFup7EsMsQsaM3cYJ springboot-..

https://ko.react.dev/learn/managing-state State 관리하기 – ReactThe library for web and native user interfacesko.react.dev Context API컴포넌트 트리 전체에 데이터를 전달하는 React 내장 기능별도의 라이브러리 없이 React가 기본 제공하는 전역 상태 도구 Props drilling 없이 하위 컴포넌트에서 상태를 구독할 수 있다. 장점설치 불필요(React 내장)createContext → Provider → useContext 세 가지만 알면 바로 쓸 수 있음 다크모드 테마, 로그인 유저 정보, 언어 설정처럼 앱 전체에서 읽기만 하는 값(자주 변하지 않음)에 사용하기 좋음단점context 전체를 통째로..