728x90
반응형

2025/04/17 2

Promise 기반 API

1. 프로미스자바스크립트의 프로미스(Promise)는 비동기 작업의 완료 또는 실패를 처리하기 위한 객체입니다. 프로미스는 주로 시간이 걸리는 작업(예: 네트워크 요청, 파일 읽기 등)을 처리할 때 사용되며, "미래에 결과를 약속한다"는 개념으로 동작합니다. new Promise()를 통해 생성하며, 내부에는 resolve와 reject라는 두 가지 콜백이 있어 작업이 성공하면 resolve, 실패하면 reject를 호출합니다. 이후 .then()으로 성공 결과를 처리하고, .catch()로 오류를 처리할 수 있으며, .finally()로 성공 여부와 상관없이 마지막에 실행할 코드를 작성할 수 있습니다. 이를 통해 콜백 지옥(callback hell)을 피하고, 코드 흐름을 더 읽기 쉽게 만들어 줍니다...

브라우저에 데이터 저장하기

1. localStoragelocalStorage는 웹 브라우저에 데이터를 영구적으로 저장할 수 있는 클라이언트 측 저장소로, 자바스크립트를 통해 키-값 쌍 형태로 문자열 데이터를 저장하고 관리할 수 있습니다. 사용자가 페이지를 새로 고치거나 브라우저를 닫았다가 다시 열어도 데이터가 유지되며, 용량은 약 5MB 정도로 비교적 넉넉합니다. localStorage.setItem()으로 저장하고, getItem()으로 불러오며, removeItem()이나 clear()로 삭제할 수 있습니다. 단, 모든 값은 문자열로 저장되므로 객체나 배열을 저장하려면 JSON.stringify()로 문자열로 변환한 후 저장하고, 다시 꺼낼 때는 JSON.parse()로 원래 형태로 복원해야 합니다. 사용자의 설정, 최근 검색..

728x90
반응형