TS

NextJS통신하기

앞서 1탄에서 말했듯이 리액트 프레임 워크로써 거의 모든 리액트 문법이 사용가능! useEffect함수를 사용하여 첫랜더링시에 데이터를 요청한다! 이번 api는 단순하다 해당 api로 fetch함수로 통신하고 jsondata로 받는다! useEffect(() => { const fetchData = async () => { try { const res = await fetch('/api/handleStatistics'); const jsonData = await res.json(); setBranchData(jsonData); } catch (error) { console.error('API 호출 에러:', error); } }; fetchData(); }, []); 혼자 독학하는부분이라 쓰임새가 다를수..

링크쿼리로 NextJS통신하기!

NextJs 통신하는방법! api로 현재 페이지와 페이지 갯수를 전달하면 json데이터로 반환받는 함수이다! 데이터를 각각의 usestate함수로 관리! Next도 리액트라이브러리와 다르지 않고 리액트를 기반으로 작동하는 프레임워크이기때문에 거의 모든 리액트 함수를 사영할수있다는 것이 포인트! const fetchData = async () => { try { const res = await fetch( `/api/handleStatus?page=${currentPage}&pageSize=${pageSize}`, ); const jsonData = await res.json(); setStatusData(jsonData.data); setTotalDataCount(jsonData.totalPages); ..