- 가져오기, 내보내기
import _ from 'lodash'
import getType from './getType' //getType.js
export(default export-이름지정할 필요x, named export)
default기본통로( 한 파일에서 한 기본통로 내보내기 가능)
export default function getType(data) {
return Object.prototype.toString.call(data).slice(8, 1)
}
export default function (data) {
return Object.prototype.toString.call(data).slice(8, 1)
}
import getType from './getType' //getType.jsnamed(몇개를 내보내던지 상관 없음)
export function random() {
return Math.floor(Math.random() * 10)
}
import { random } from './getRandom'
import { random, user } from './getRandom'
import { random, user as heropy } from './getRandom'
import * as R from './getRandom'- Lodash 사용법
uniq
import _ from 'lodash'
_.uniq([2,1,2]); // [2,1]
_.uniqBy(usersC, 'userId');
_.unionBy(usersA, usersB, 'userId') 고유한 값만 갖도록 배열 합치기(중복값x)find,remove
_.find(users, {name: 'Amy' })
_findIndex(users, {name: 'Amy'})
_.remove(users, {name: 'HEROPY' })- JSON
Javascript Object Notation
자바스크립트의 데이터를 표현하는 한 포맷
myData.json
하나의 데이터만 입력가능
{
"sturing": "HEROPY,
"number": 123
}
import myData from './myData.json'
const str = JSON.stringify(user) 객체를 문자화할 수 있다
const obj = JSON.parse(str) 문자를 다시 객체화
- Storage
f12-applicatioin-local storage
local storage mdn
local storage 반영구 session storage페이지에서 나가면 삭제
localStorage.setItem('myCat', 'Tom'); key, value
const cat = localSotrage.getItem('myCat');
localStorage.removeItem('myCat');
문자데이터로 값을 집어넣어야 한다!!lowdb
- OMDb API
Query String
문자를 이용해 검색
주소?속성=값&속성=값
axios
$ npm i axios
import axios from 'axios'
function fetchMovies() {
axios
.get('https://www.omdbapi.com/?apikey=7035c60c&s=frozen')
.then((reponse) => {
console.log(response)
})
}
fetchMovies()$ npm run dev
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script defer src="/main.js"></script>
</head>
<body>
<h1>Hello world!</h1>
<img src="" alt="" width="200" />
</body>
</html>