춘몽

await는 Promise를 반환해주는 얘 앞에만 사용 가능하다. 그래서 응답을 기다릴 필요가 있는 경우에는 Promise로 만들어주면 await을 쓸 수 있다. 아래는 new Promise 를 사용해서 axios 느낌의 Promise를 만든 예시다. const fetchData = async () => { // API 보내기 요청!! // 이건 axios임 const result = await new Promise((성공시함수, 실패시함수) => { setTimeout(() => { try { console.log("이미지 받아 왔다~"); // 5초 뒤에 이미지 받아옴 성공시함수("강아지.jpg"); } catch (error) { 실패시함수("실패했습니다!!!"); } }, 5000); }); co..

- 저장 (같은 키값으로 저장하면 덮어씌워짐) localStorage.setItem('키', 벨류) / - 확인 개발자도구 => Application => Storage에 로컬,세션,쿠키 있음 - 가져오기 localStorage.getItem('키') - 삭제 localStorage.removeItem('키') - 배열은 JSON으로 바꿔서 - 저장 JSON.stringify(배열이름) localStorage.setItem('키', JSON.stringify(배열이름)) - 불러오기 JSON.parse(localStorage.setItem('키')

let result = String(Math.floor(Math.random()*1000000)).padStart(6,"0")

URL에 쿼리 더하기 url.searchParams.set("page", page) https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams URLSearchParams - Web APIs | MDN The URLSearchParams interface defines utility methods to work with the query string of a URL. developer.mozilla.org 페이지네이션 const paginationRender = () => { const totalPage = Math.ceil(totalResult / pageSize); const pageGroup = Math.ceil(page / pageGroup..

const callAPI = async() => { let url = new URL(`url주소`) let header = new Headers({헤더내용}) // 이건 필요한 경우만 let response = await fetch(url,{headers:header}) let data = await response.json() }

- 객체 초기화 let name="noona" let age = 17 let cute = true let person = {name, age, cute} // let poerson = {name:name, age:age, cute:cute}와 같다 - Destructuring let person = { name:"noona", age:17, cute:true } let {name, age, cute} = person // let name = person.name, let age = person.age, let cute = person.cute 와 같다 let {name 부분을 name: yourname 으로 적으면 name의 변수명이 yourname으로 된다. - Rest destructuring let..

배열함수 - pop(): 배열 끝에 있는 아이템을 제거, 그 아이템값을 리턴 - push('아이템'): 배열 끝에 아이템 추가, 배열의 최종 길이 리턴 - includes('아이템'): 배열에 아이템이 포함되어 있으면 true리턴 아니면 false리턴 - indexOf('아이템'): 아이템의 인덱스 번호를 리턴 - slice(시작점, 끝점): 시작점~끝점(미포함) 까지 배열을 복사해서 리턴 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice Array.prototype.slice() - JavaScript | MDN The slice() method of Array instances retu..