Axios, JSON

JSON : JavaScript Object Notation
    - js 객체 표기법
    - 주로 서버(java 백엔드)와 클라이언트(프론트엔드)간의 데이터 교환

{
    "표기명" : "표기 내용",
    "표기명" : ["표기 내용", "표기 내용2", "표기 내용3"],
    "표기 주소" {
        "도시" : "도시내용",
        "우편번호" : "우편번호작성"
    }
    ....
}

 

 

개발자들이 가져온 값을 화면에 보여주기 위해 임시 데이터 json을 사용해서 표현
    https://jsonplaceholder.typicode.com/ 를 많이 사용

jsonplaceholder : 임시 데이터로 사진이나 포스터 내용과 같은 파일을 만들고 개발자들에게 무료로 제공
대표적 예시 : posts, comments, albums, photos, todos, users 등이 존재
"https://jsonplaceholder.typicode.com/posts"
"https://jsonplaceholder.typicode.com/comments"
"https://jsonplaceholder.typicode.com/albums"
"https://jsonplaceholder.typicode.com/photos"
"https://jsonplaceholder.typicode.com/todos"
"https://jsonplaceholder.typicode.com/users"

 

비동기 처리란?

Ajax : js를 이용해서 서버와 비동기적으로 데이터를 교환. FetchAPI를 사용
Axios : js의 http 클라이언트 라이브러리. http요청을 보내고 응답을 처리하기 위해 사용
Promise : 성공 유무
Fetch  : 성공 유무