restApi Class의 경우 x2bee-core에 있는 restApiUtil을 사용하여 동작합니다. 기본적인 사용법은 1번에서 설명하였던 restApiUtil과 모두 동일합니다. 단지 함수 이름은 조금 달라서 밑에서 표로 설명 하겠습니다. 1. Server Component 서버 컴포넌트의 경우 기본적으로 get만 있을 경우가 높아서 get만 코드를 설명하였습니다. import { restApi } from '@/lib/common/plugins/restApi'; const SearchPage = async () => { const options = { headers: { Cookie: 'site_no2=1;', }, }; const data = await restApi.get( 'http://loc..

Data fetching 이란? Data fetching이란 API등을 이용하여 데이터를 가져오는 과정을 의미하며, 대표적으로 자바스크립트에서 네이티브로 제공해주는XMLHttpRequest, Fetch API 그리고 jQuery의 AJAX, Axios 통신 라이브러리를 이용하여 처리 합니다. Next JS 13 이전 버전에서는 getStaticProps이나 getServerSideProps라는 메소드 또는 Component 로직내에서 사용자 행위로 일어나는 이벤트 동작 내에서 data fetching을 사용하였습니다. 하지만 Next 13 부터는 Server Component 및 Client Component라는 구분이 생겨났고, 이로 인하여 data fetching에도 영향을 주었는데 기존에는 Axio..