자바스크립트(배열)

// [].reverse() 배열객체 뒤집기
// object.assign() 메소드는 열거할수 있는 하나이상의 출처 객체로부터 대상객체로부터
//속성을 복사할떄 사용

// const userAge={

// //key :value
// name:"Heropy",
// age:85
// }

// const userEmail={
// name:"Heropy",
// email:'thesecon@gmail.com'
// }

// const user={
// name:"Heroy",
// age:85,
// email:'thesecon@gmail.com'
// }

// const keys=Object.keys(user);
// console.log(keys);

// console.log(user['email']); //인덱싱 방법

// const values=keys.map(key=>user[key])
// console.log(values);

//구조 분해할당
//비구조화 할당

// const user={
// name:'Heropy',
// age:85,
// email:'thesecon@gmail.com'
// }
// const {name,age,email,address}=user
// // E.g, user.address
// const heropy=name;

// console.log(사용자의 이름은 ${heropy}입니다.);
// console.log(${heropy}의 나이는 ${age}세입니다.);
// console.log(${heropy}의 이메일 주소는 ${user.email}입니다.);
// console.log(address);

// const fruits=['Apple','Banana','Cherry']
// const [,b] =fruits
// console.log(b);

// //전개연산자(Spread)
// const fruits=['Apple','Banana','Cherry','orange']
// console.log(fruits);
// console.log(...fruits);

// // console.log('Apple','Banana','Cherry')

// const toObject=(a,b,...c)=>({a,b,c})
// console.log(toObject(...fruits));

//구조 분해할당
//비구조화 할당

// const user={
// name:'Heropy',
// age:85,
// email:'thesecon@gmail.com'
// }
// const {name,age,email,address}=user
// // E.g, user.address
// const heropy=name;

// console.log(사용자의 이름은 ${heropy}입니다.);
// console.log(${heropy}의 나이는 ${age}세입니다.);
// console.log(${heropy}의 이메일 주소는 ${user.email}입니다.);
// console.log(address);

// const fruits=['Apple','Banana','Cherry']
// const [,b] =fruits
// console.log(b);

// //전개연산자(Spread)
// const fruits=['Apple','Banana','Cherry','orange']
// console.log(fruits);
// console.log(...fruits);

// // console.log('Apple','Banana','Cherry')

// const toObject=(a,b,...c)=>({a,b,c})
// console.log(toObject(...fruits));

//데이터 불변성(Immutability)
//원시데이터:String , Number, Boolean, undefined, null
//참조형 데이터: Object, Array, Function

// let a={k:1}
// let b={k:1}
// console.log(a,b,a===b);
// a.k=7
// b=a;
// console.log(a,b,a===b);
// a.k=2;
// console.log(a,b,a===b);
// let c=b
// console.log(b,c,b===c);
// a.k=9
// console.log(a,b,c,a===c);

//얕은 복사(Sahllow Copy), 깊은복사(Depp copy)
const user={
name:'sumin',
age:85,
emails:['asdzxc1822@naver.com']
}

const copyUser={...user};
console.log(copyUser===user);

console.log(myData);

// const usersA=[
// {userId:'1', name:'Heropy'},
// {userId:'2', name:'Neo'}
// ]
// const usersB=[
// {userId:'1',name:'Heropy'},
// {userId:'3', name:'Amy'}
// ]
// const usersC=usersA.concat(usersB)
// console.log('concat',usersC);
// console.log('uniqBy',_.uniqBy(usersC,'userId')); //배열데이터가 하나일떄

// const usersD=_.unionBy(usersA,usersB,'userId') //배열데이터가 여러개일때
// console.log('unionBy',usersD);

// const users=[
// {usersId:'1',name:"Heropy"},
// {usersId:'2',name:"Neo"},
// {usersId:'3',name:"Amy"},
// {usersId:'4',name:"Evan"},
// {usersId:'5',name:"Lewis"},
// ]

// const foundUser=.find(users,{name:'Amy'})
// const foundUserIndex=.findIndex(users,{name:'Amy'});
// console.log(foundUser);
// console.log(foundUserIndex);

// _.remove(users,{name:'Heropy'})
// console.log(users);

const user={
name:"sumin",
age:85,
emails:[
'thesecon@gmail.com',
'neo@zilllcoc.com'
]
}
console.log('user',user);

const str=JSON.stringify(user) //객체를 스트링화 시켜주는 것
console.log('str',str)
console.log(typeof str)

const obj=JSON.parse(str) //parse를 통해 분석을 해서 재조립함
console.log('obj',obj);

localStorage** **읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. localStorage는 sessionStorage와 비슷하지만, localStorage의 데이터는 만료되지 않고 sessionStorage의 데이터는 페이지 세션이 끝날 때, 즉 페이지를 닫을 때 사라지는 점이 다릅니다. ("사생활 보호 모드" 중 생성한 localStorage 데이터는 마지막 "사생활 보호" 탭이 닫힐 때 지워집니다.)

// const user={
// name:"HEROPY",
// age:85,
// emails:[
// 'thesecon@gmail.com',
// 'neo@zillinks.com'
// ]
// }

// const str= localStorage.getItem('user')
// const Obj=JSON.parse(str)
// Obj.age=22;
// console.log(Obj);

// localStorage.setItem('user',JSON.stringify(Obj))

import axios from 'axios'

function fetchMovies(){
axios.get('https://www.omdbapi.com/?apikey=7035c60c&s=frozen')
.then(res=>{
console.log(res);
const h1El=document.querySelector('h1');
const imgEl=document.querySelector('img');
h1El.textContent=res.data.Search[0].Title;
imgEl.src=res.data.Search[0].Poster;
})
}
fetchMovies();