개발천재

[JS] 웹 스토리지 localStorage 사용법

localStorage는 브라우저에 내장된 저장소로 데이터를 브라우저에 key, value 값으로 Storage에 저장할 수 있다. 저장한 데이터는 세션간에 공유되며 심지어 브라우저를 닫고 다시 열어도 저장한 데이터가 유지된다. 데이터는 클라이언트(사용자의 디바이스)에 저장되므로 서버로 전송되지 않는다. 용량은 약 5~10MB까지 데이터 저장이 가능하고(브라우저에 따라 다름), 로컬에 저장되므로 민감한 데이터 저장은 추천하지 않는다. Local Storage는 간단한 데이터 저장이 필요할 때 유용하지만, 민감한 정보 관리나 대량의 데이터를 다룰 때는 서버나 데이터베이스를 사용하는 것이 적합하다.  localStorage 간단 정리localStorage는 브라우저에 데이터를 저장한다.페이지를 새로고침하거나..

JSON(JavaScript Object Notation)이란?JSON (JavaScript Object Notation)은 데이터를 교환할 때 주로 사용하는 경량의 데이터 형식이다. JSON은 텍스트 기반이며, 사람이 읽고 쓰기 쉽고, 기계가 해석하고 생성하기도 용이하다는 장점을 가지고 있다. 주로 웹 애플리케이션에서 서버와 클라이언트 간 데이터 교환을 할 때 많이 사용되는 JSON은 사람이 읽고 쓰기에 쉬운 형식을 제공하며, 자바스크립트에서 제공하는 메서드(JSON.parse(), JSON.stringify())를 사용하면 손쉽게 처리할 수 있다. JSON의 주요 특징은 경량, 텍스트 기반, 언어 독립적이라는 점이다. JSON 구조JSON은 기본적으로 키와 값 쌍으로 구성된다. 각 값은 문자열, 숫자..

export와 importES6(ECMAScript 2015)에서 도입된 모듈 시스템의 기능으로, 코드를 여러 파일로 나누어 재사용성과 유지보수를 개선하기 위해 사용한다. 이를 통해 한 파일에서 정의된 함수, 객체, 클래스 등을 다른 파일에서 사용할 수 있다.  export로 내보내기사용방법은 선언부 앞에 export 붙이면 된다. 변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능하다.// data.jsexport const questions = [ { number: '01', question: '곧 크리스마스! 회사에서 크리스마스 파티 스텝을 모집한다는데?', choices: [ { text: '파티 스텝은 못하지ㅎ...(그래도 파티는 재밌겠다 ..