14. Axios 모듈화 | API 모듈화 (function -> 람다)

function 으로 구현시 코드 

import axios from 'axios';

// axios.create 할때 주입한 속성은 인스턴스로 데이터 요청 할때마다 무조건 이 속성들이 정의된 상태로 수행된다.
const instance = axios.create({
  baseURL: process.env.VUE_APP_API_URL,
  // HTTP 헤더에 있는 속성
  headers: {
    Authorization: 'test1234',
  },
});

function registerUser(userData) {
  return instance.post('signup', userData);
}

function loginUser(userData) {
  return instance.post('login', userData);
}

export { registerUser, loginUser };

---

람다 함수(arrow function) 구현시 코드

import axios from 'axios';

const instance = axios.create({
  baseURL: process.env.VUE_APP_API_URL,
  headers: {
    Authorization: 'test1234',
  },
});

const registerUser = userData => instance.post('signup', userData);
const loginUser = userData => instance.post('login', userData);

export { registerUser, loginUser };

• 람다 함수는 함수 표현식을 간결하게 표현하는 방법 중 하나
• 간단한 함수를 정의할 때 코드를 줄일 수 있습니다.
• 위의 예제에서 registerUser와 loginUser 함수가 람다 함수로 변환되었습니다.
• 함수의 인자가 하나뿐이면 괄호를 생략하고, 함수 몸체가 단일 표현식이라면 중괄호와 return도 생략할 수 있습니다.