프로젝트를 만들다 보면 그 값을 저장해 놓고 계속 불러오는 걸 진행할 때가 있다 ex) 투두리스트, 일기장, 기록장 등등 https://mm-study-front.tistory.com/47 [Vue.js] 투두리스트 진행사항학원 다닐 때 만들었던 거 수정 진행 중  1. 파이어베이스 기간이 만료되었기에 파이어베이스 읽고 쓸 수 있는 기한 없앰2. 디자인 변경   내가 하고 싶은 것 Vue 라우터를 이용해 버튼을 누를mm-study-front.tistory.com  이것도 파이어베이스와 연동을 시켜서 만들었지롱  근데 웹 브라우저 안에 내장된 DB가 있다는 걸 이제야 알았다.. Web Storage -> 내장기능이기 별도의 프로그램필요 없고, 라이브러리 설치 필요 없고,, javascript로 접근할  수..

async  함수 앞에 붙이는 키워드로 함수를 비동기 함수로 만들어줌(함수가 프로미스를 반환하도록 변환해 줌) function me() {   return {     name: "mm_스터디",    country: "대한민국",   }; } console.log(me()); →결괏값:{name: 'mm_스터디', country: '대한민국'} 같은 함수에 async 붙이면 async function me() {  return {    name: "mm_스터디",   country: "대한민국",  };}console.log(me()); →결괏값     [[Prototype]]: Promise     [[PromiseState]]: "fulfilled"    [[PromiseResult]]:Object ..

비동기 작업을 효율적으로 처리할 수 있도록 도와주는 자바스크립트 내장 객체let(const) 변수명 = new Promise() promise의 3가지 상태  1. 대기상태- 아직 작업이 완료되지 않은 상태 2. 성공 상태 - 비동기 작업이 성공적으로 마무리된 상태 3. 실패 상태 - 비동기 작업이 실패한 상태 1번 상태에서 2번 상태로 넘어가는 것을 해결(resolve)되었다고 함 1번 상태에서 3번 상태로 넘어가는 것을 거부(reject)되었다고 함   const promise = new Promise(() => {  setTimeout(() => {     console.log("안녕");   }, 2000); }); console.log(promise); →지금 이 함수의 상태는 [[Promise..

예시 1   function hi() {   setTimeout(() => {     console.log("안녕하세요 반가워요");   }, 3000); } hi(); →결괏값:  3초 후에  안녕하세요 반가워요    예시 2 비동기 처리의 결괏값을 함수 밖에서도 사용하고 싶다면 function 함수명(매개변수 1, 매개변수 2, callback){비동기처리 해주는 함수(()=>{callback();})함수명(인수 1, 인수 2, 비동기처리의 결괏값을 사용하고자 하는 콜백함수 추가 )}function add(a, b, callback) {  setTimeout(() => {     const sum = a + b;     callback(sum);   }, 3000); } add(1, 2, (value..

프로세스 내에서 실행되는 흐름의 단위를 스레드라 함 동기적 처리 여러개의 작업을 순서대로 한 번에 한 개씩 처리하는 것단점: 작업 중간에 있는 하나의 작업이 너무 길때 스레드는 끝날 때까지 다음 작업으로 넘어갈 수 없어 전체 성능이 악화 → 보완하기 위해 멀티쓰레드 기법 사용    여러개의 스레드로 각 작업이 실행되기 때문에 한 개가 오래 걸려도 전체 프로그램 성능에 큰 영향을 안 줌  그럼 비동기 처리는 왜 배움? 자바스크립트 엔진에는 스레드가 1개만 존재 →멀티스레드 기법이 불가능 → 보완하기 위해 비동기처리 사용  자바스크립트는 기본적으로 동기적 처리 console.log(1); console.log(3); → 결괏값    1     3  비동기적 처리  여러 개의 작업을 순서대로 처리하지 않음, ..

Date 객체를 생성  let 변수명 = new Date();  let date1 = new Date();console.log(date1);→결괏값: Mon May 20 2024 19:12:56 GMT+0900 (한국 표준시)  특정한 날짜를 넣을 수 있음 Date뒤 () 안에 넣기 Date 객체는 특정 년도 일 뿐만 아니라 시간도 추가 가능  1. 문자열로 - 사용하여 넣기    let 변수명 = new Date("xxxx-xx-xx/xx:xx:xx");      let date2 = new Date("1998-07-26/20:10:10");     console.log(date2);        →결괏값: Sun Jul 26 1998 20:10:10 GMT+0900 (한국 표준시)    2. 문자열로..