FE랭이꽃

REST API

서버와 통신하는 방식 중 한 가지로 http메서드를 사용하여 데이터를 요청/전송합니다. 기존에 많이 사용하던 SOAP API 의 경우 서비스 인터페이스를 이용해 서버에 접근했다면, REST는 인터넷 식별자(URI)와 HTTP 프로토콜을 이용해서 접근하는 것이 특징이며 사용법이 단순하여 높은 보안수준을 요구하는 작업이 아닐 경우 일반적으로 많이 선호되는 통신방법입니다 . 데이터포맷은 브라우저 호환성이 좋은 JSON을 사용하며 resource, method, message로 구성됩니다.

REST API 메소드

요청한 Data를 React에서 관리하는 기본방법

useState, useEffect로 데이터를 로딩/저장하여 사용하며, 데이터요청 이후의 요청결과, 로딩상태, 에러처리가 관리대상이 됩니다.

REST API로 쉽게 Ajax요청하도록 도와주는 라이브러리 - Axios

//사용예시

axios.get('users/1');  //조회

axios.post('users', {  //등록
  name: 'anne',
  email: 'anne@gmail.com'
});

요청시 promise를 반환합니다.

React코드 주석

javascript와 동일하게 한 줄주석은 //로, 여러 줄은 /* */로 처리합니다.

// singleline comments
componentDidMount() {
  //console.log("test");
    this._getProducts();
};


// multiline comments
componentDidMount() {
  /*console.log("test");
    this._getProducts();*/
};

React JSX코드 주석

javascript의 여러줄 주석을 {}로 감싸준 형태로 사용합니다.

{/*<div className="test">
     주석연습
</div>*/}