함수의 export, import 방법

# 함수의 export와 import 방법에 대해 알아본다.

1. 일단 export 방법

- export const {export_name} 으로 export 설정을 한다. export 설정을 하면 다른 파일에서도 자유롭게 사용이 가능하다.

//유저 이름 가져오기
export const getUsername = (callback) => {
  const testUser = userPool.getCurrentUser();
  if (!testUser) return false;
  callback(testUser.getUsername());
};

2. import 하는 방법

- import는 export한 함수의 이름을 명시해 줌으로써 해당 함수를 자유롭게 가져다 쓸 수 있다.

위에서 getUsername을 export 함수 명으로 지정 하였으므로, getUsername을 import 하여 사용 가능하다.

# import 수행하기
import {getUsername} from "../pages/Login/Modules";
import {export한 함수명} from "../pages/Login/{가져올 js 파일명}";

# 변수로 선언하기
const getusername1 = getUsername();
const {변수 이름 입력} = {다른 js 파일에서 export 후 import한 함수명 입력};

# 가져온 값을 확인한다.
console.log(getusername1);
console.log(변수에 담긴 값 확인);

- export와 import를 까먹지말자.

- 참고 사이트는 아래와 같다.

https://mantdu.tistory.com/888

[React] 외부 js의 함수 갖다쓰기

- 끝 -