모듈 export / firebase / 제네릭 타입

1. 모듈 export
export 내보내기

• export 는 이름을 그대로 살림 (중괄호 이용하여 import)
• export default 는 default 로 내보내기에 아무이름으로 받아올 수 있다.
  • 한 모듈 안에서 여러가지를 export 하려면 export
  • 한 모듈 안에서 export 대상이 하나라면 export default

	// export
    // a.js
    export const test1 = () => {
    	return 1;
    }
    
    export const test2 = () => {
    	return 2;
    }
    
    // b.js
    import {test1, test2} from "./a"

	// export default
    // a.js
    export default a
    
    // b.js
    import a from "./a"

2. firebase web

• firebase 프로젝트 생성 후 제공되는 config 정보를 사용하고자 하는 프로젝트 내에 firebase.js 파일 생성하여 입력하기.
• auth, firestore, storage 등 빌드 탭에서 사용하고자 하는 기능 활성화

// 사용할 기능들을 export 
...
export const app = initializeApp(firebaseConfig);
export const auth = getAuth(app);
export const db = getFirestore(app);
...

• 각 컴포넌트에서 필요한 부분 사용하기
  (firebase 공식 문서 https://firebase.google.com/docs?hl=ko)

3. 제네릭 타입을 사용하는 이유

• generic : 타입을 함수의 파라미터처럼 사용?
• 정적 type 언어는 클래스나 함수를 정의할 때 type 을 선언해야한다
  - generic은 코드가 수행될 때, 런타임때 타입을 명시한다.
  

사용이유

• 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용
• 재사용성이 높은 함수와 클래스를 생성가능