728x90
반응형

연동 2

백엔드와 연동(2)

프론트 UI가 어느정도 만들어진 후 백엔드와 연동을 해야하는 마지막 과제가 남아있다. 백엔드 연동은 .post일 때와 .get일때 과정이 달라진다. .post에 대해 알아보자. .post post는 프론트에서 백엔드로 정보를 전달할 때(서버로 데이터를 보낼 때) 쓰이게 된다. post가 쓰이는 상황을 예시로 들어보자 먼저 하고자 하는 바는 게시글을 생성하고, 해당 게시글의 데이터를 백으로 전송하는 기능을 구현하자. 성공 시에는 홈 페이지로 이동하도록 만들자. 이다. Swagger의 api는 export const PostWriteApi = async (body: FormData) => { const { data } = await defaultInstance.post('/post/create', { bod..

백엔드와 연동

프론트 UI가 어느정도 만들어진 후 백엔드와 연동을 해야하는 마지막 과제가 남아있다. 백엔드 연동은 .post일 때와 .get일때 과정이 달라진다. 먼저 .get부터 알아보자. .get get을 써야할 때는 프론트앤드에서 필요한 데이터를 백엔드에서 가져올 때 사용된다. get이 쓰이는 상황을 예시로 들어보자 먼저 하고자 하는 바는 React 컴포넌트에서 게시글을 조회하고 상태를 다룰 수 있도록 get을 이용해 게시글 정보를 불러오자 이고, 해당 게시글의 api 명세는 export interface IPostContent { author?: { nickname?: string; profileImage?: string; userId?: number; }; blogUrl?: string; content?: s..

728x90
반응형