import/export

import & export

🤯 그 많은 파일들 어떻게 다 연결해?? 파일을 연결하는 중요한 연결고리

import는 항만에서 물건을 들여올 때 쓰거나 수입한다는 의미를 가진 단어다. export는 그 반대의 개념으로 수출하다의 의미르 갖고 있다.
파일간에 리소스를 주고 받으려면 필요한 장치가 바로 import와 export다. 사용예시는 다음과 같다.

• import

import * as hello from './hey.js';

hello.heyHi('Jihyun');
hello.heyBye('Jihyun');

• export

// hey.js 파일

export function heyHi(){...}
export function heyBye(){...}
export function hellowbye(){...}

짧은 코드의 경우 한 페이지에 여러 기능을 쓰는 것이 문제가 안되지만 구현할 기능이 복잡해지고 코드가 길어지면 로드도 길어질 뿐만 아니라 사후 관리도 어렵다. 파일을 분리해서 내보내는 기능과 받아오는 파일을 따로 만들면 코드가 짧아지기 때문에 에러를 찾아내거나 코드를 업데이트할 때 훨씬 수월하다.