728x90 728x90 전체 글153 [React Query] React Query Devtools 사용법 React Query Devtools 사용법 React Query 개발자 도구(Dev Tools)는 앱에 추가할 수 있는 컴포넌트로 개발 중인 모든 쿼리의 상태를 표시해 준다. 또한 예상대로 작동하지 않는 경우 문제를 해결하는 데 도움이 될 수도 있다. 기본적으로 개발자 도구는 NODE_ENV 변수에 따라 프로덕션 환경에 있는지 여부가 결정된다. 즉 개발 중일 때는 개발자 도구가 표시되고 프로덕션일 때는 표시되지 않는다. import { ReactQueryDevtools } from 'react-query/devtools'; function App() { const queryClient = new QueryClient(); return ( Blog Posts ); } ReactQueryDevtools를 .. 2023. 11. 26. [React Query] React Query 설치 및 사용 방법 [React Query] React Query 설치 및 사용 방법 npm i react-query 먼저 react query를 설치하는데 여기서는 v3를 사용했다. react query의 useQuery hook을 실행하여 서버에서 데이터를 가져오려고 한다. https://jsonplaceholder.typicode.com/ JSONPlaceholder - Free Fake REST API {JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. Serving ~2 billion requests each month. jsonplaceholder.typicode.com.. 2023. 11. 25. [React Query] React Query 개념 및 장점 React Query 개념 및 장점 React Query는 React 앱의 서버 상태를 관리하는 라이브러리이다. 그렇다면 서버 상태와 클라이언트 상태의 차이점을 알아야한다. 클라이언트 상태란 웹 브라우저 세션과 관련된 모든 정보로 예를 들어 테마를 밝은색이나 어두운색 배경으로 변경하는 경우인데 이것은 서버에서 일어나는 일과는 아무 관련이 없고 단순히 사용자의 상태를 추적한다. 반면 서버 상태는 서버에 저장되면서 클라이언트에 표시하는 데 필요한 데이터이다. 예를 들어 데이터베이스에 저장하는 블로그 게시물 데이터가 해당된다. React Query는 클라이언트에서 서버 데이터 캐시를 관리한다. 서버 데이터가 필요할 때 Fetch나 Axios를 사용해 서버로 바로 요청하지 않고 React Query 캐시를 요청.. 2023. 11. 24. PreparedStatement 생성 PreparedStatement 생성 PreparedStatement는 쿼리문을 미리 준비하여 컴파일하고, 매번 실행할 때마다 파라미터 값을 전달하여 실행한다. public class Application { public static void main(String[] args) { Connection connection = getConnection(); PreparedStatement statement = null; ResultSet resultSet = null; String query = "SELECT MENU_CODE,NAME,PRICE FROM TBL_MENU"; try { statement = connection.prepareStatement(query); resultSet = statement.. 2023. 6. 13. JDBC DTO의 개념 JDBC DTO의 개념 데이터베이스의 내용을 조회하고 조회된 내용을 반환받기 위해서는 여러개의 컬럼 값을 전달 받아야한다. 각각의 컬럼을 반환받는 메소드를 만들게 되면 컬럼 수 만큼의 메소드를 추가해야한다. 하지만 함수의 리턴 값은 하나이고 데이터들을 전달 받기 위한 방법이 필요하다. 결과 데이터를 하나로 묶어 반환할 수 있는 방법은 크게 2가지가 있다. 첫 번째로는 HashMap을 사용하는 방법이고 두 번째로는 DTO(Data Transfer Object)를 사용하는 방법이다. 두 방법 모두 key-value 방식으로 동작하며 데이터의 이동을 목적으로 사용할 수 있다. HashMap을 사용하면 별도의 DTO class를 만들 필요없이 데이터를 가져올 수 있다. 하지만 DTO를 사용하는 것이 더 바람직하.. 2023. 6. 12. JDBC statement와 resultSet 생성 JDBC statement와 resultSet 생성 statement는 데이터베이스에서 실행해야할 쿼리문을 저장하고 실행할 수 있도록 하는 객체이다. statement의 종류에는 statement, preparedStatement, callableStatement가 있다. 일반적인 sql문 실행에는 statement, preparedStatement가 사용되고 callableStatement는 프로시저 호출 시 사용된다. public class Application { public static void main(String[] args) { Connection connection = getConnection(); Statement statement = null; ResultSet resultSet = n.. 2023. 6. 11. 이전 1 2 3 4 5 6 7 ··· 26 다음 728x90 728x90
