[react] react 실전 & Rest API ① - API 만들기

반응형

간단한 CRUD를 구현해볼것이다.

• django backend
• react-fronted
  간단한 글쓰기 및 보여주기 , 삭제
• axios

1. REST API를 이용해 백엔드를 구성한다. 미리 만들어놓은 백엔드를 클론한다.github readmd를 참고하여 필요한 pip를 설치한 후 DB 마이그레이션을 하고 서버를 켠다.
2. 터미널을 하나 더 켜서 djangobackend가 있는 path에 create-react-app [앱이름]으로 react app 생성
3. npm install axios
   (axios는 HTTP 클라이언트 라이브러리로써, 비동기 방식으로 HTTP 데이터 요청을 실행함.)
4. api.js 파일을 생성하고 아래와 같이 작성

import axios from "axios"
axios.defaults.baseURL = "http://127.0.0.1:8000/api" // django 서버 주소
export default{ 
	//모든 글 불러오기
    getAllPosts(){ return axios.get('/posts/') },
    //글 작성하기
    createPost(data){ return axios.post('/posts/',data) }
}

간단한 api가 완성되었다.