[220419] export / import / lodash / Json

🎥 인강

내보내기

 

1. Default export

- 이름을 지정하지 않아도됌 -> 따라서 디폴트를 import 할땐 이름을 임의로 지정 가능

- 하나의 파일에서 한개의 디폴트만 사용가능

export default function (date) {
	return Object.prototype.toString.call(data).slice(8,-1)
}

2. Named export

- 이름을 꼭 지정하여야함

- 여러개 export 가능

export function random(){
	return Math.floor(Math.random() * 10)
}

- 이름을 {}에 넣어서 import

import {random, user as kmjin } from './getRandom'
// as 를 사용하여 다른 이름으로 사용가능. 이 경우엔 kmjin

 

 

- 한 파일에서 여러 개의 export 가능

export function random(){
	return Math.floor(Math.random() * 10)
}
export const user = { name: 'kmjin', age: 84}
export default 123

- 한개만 내보낼 땐 default export 사용

여러개는 Named export 사용

 

가져오기

꼭 내보내야지 모듈이 되는 건 아니고 기본적인 Js 파일은 다 모듈화 가능

- 한번에 가져오기

import * as R from './getRandom'
// js 파일인 경우에만 확장자 생략 가능

 

 

lodash 

_.uniqBy ( 1 ,2)

: 1의 내용을 2를 기준삼아 중복 데이터 삭제

 

_.unionBy(1,2,3)

: 1과 2 의 내용을 3을 기준삼아 중복데이터 삭세

 

_.find(1,2,)

: 1에서 2를 찾음

 

_.findIndex(1,2)

: 1에서 2의 인덱스를 찾음

 

_.remove (1,2)

: 1에서 2를 삭제

 

 

 

Json

- js 데이터를 표현하는 하나의 포맷

- 비동기 브라우저 서버 통신에서 주로

- 변수 값을 표현하는데 적절

 

json 의 데이터 타입

- 문자열은 “” 으로만

- undefined 는 사용 안됌

 

- js 파일에서 객체 이름은 특수기호가 들어가지 않는 이상 따옴표를 사용하지 않아도됌

- json 파일에선 객체 이름에 “” 사용

 

- json 파일은 곧 하나의 데이터 = 한 파일에서 여러 데이터 사용불가

- json 파일은 하나의 문자데이터 인데 임폴트 되서 해석될때 객체 데이터처럼 사용

 

storage

-  local storage

데이터가 만료되지 않음

 

- session storage

페이지가 닫힐때 데이터 사라짐