21.07.27 API 연결해보기

API(Application Programming Interface 애플리케이션 프로그래밍 인터페이스

내 프론트 웹이랑 백엔드분들이 만들어준 서버랑 연결하는걸 했다
사실 어제부터 했다

코딩코딱지 김정후라서 헤맸다😵

우선 최종프로젝트인 유학/교환학생 갤러리 웹에서 게시글 목록을 불러오는 api를 아래처럼 만들었다

아니 더 우선적으로 백엔드분들이 만들어준 baseurl을 default 값으로 아래처럼 해놓고 시작했다.

baseurl 설정

// Axios 인스턴스 설정
const instance = axios.create({
    baseURL: "http://3.36.90.60/"

그 후에 게시글 목록을 불러오는 거니까 method는 get만 하면 됬다

api작성하는 형식도 잘 몰랐어서 시간을 젤 많이 썻지만 엄청 간단한 작업이였다

get list api연결

    getList : ()=>
        instance.get('/univ/post')

이렇게 일단 get method의 api작성은 끝

게시글 작성 api도 따로 만들어야하는데 작성은 클라이언트에서 서버로 데이터를 보내야하는 거기때문에 method는 post로 해서 작성했다

post api연결

    //UnivBoard 포스트 작성하기
    addList : ({title,content})=>{
        return instance.post('/univ/post',{
            title,
            category : 1,
            is_flexed : false,
            user_id : 1,
            content
        })
    }