JavaScript

로컬스토리지 vs 세션스토리지

자바스크립트로 웹 개발을 하다보면 아무리 간단한 애플리케이션이어도 데이터를 어딘가에 저장해야 할 일이 생긴다. 보통 이럴 때 데이터베이스(DB) 서버나 클라우드 플랫폼에 데이터를 저장하는 경우가 많다. 하지만 저장해야 할 데이터가 별로 중요하지 않거나, 유실되도 무방한 데이터라면 서버 단에 저장하는 대신, 브라우저 상에 데이터를 저장할 수 있는 웹 스토리지 기술이 있다. Local Storage(영구 저장소) vs Session Storage(임시 저장소) 웹 스토리지(web storage)에는 로컬스토리지와 세션스토리지가 존재한다. 이 두개의 메커니즘의 차이점은 데이터가 어떤 범위 내에서 얼마나 오래 보존되느냐에 있다. 세션 스토리지: 웹페이지의 세션이 끝날 때 저장된 데이터가 지워진다. windows..

JS 기본개념2

7. Object 다음과 같은 JS 객체가 있다고 하자. const obj = { a: 'lotuxsoo', b: 23, c: true, d: {} }; obj 객체를 구성하는 전체 키를 배열로 얻는 코드는 다음과 같다. console.log(Object.keys(obj)); // Array ["a","b","c","d"] obj 객체를 구성하는 전체 값을 배열로 얻는 코드는 다음과 같다. console.log(Object.values(obj)); // Array ["lotuxsoo", 23, true, Object { }] object[key]와 object.key는 다음과 같이 사용한다. const message = { id:1, message:'react-native' }; console.log(m..

JS 기본개념

1. 변수 JS에서 변수 선언은 선언 → 초기화→할당 단계를 거쳐서 수행된다. 선언 단계: 변수명을 등록하여 JS 엔진에 변수의 존재를 알린다. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보, 암묵적으로 undefined를 할당하여 초기화한다. var name = 'suyeon' let age = 23; const skills = ['javascript', 'react', 'react-native'] var: 변수 선언을 한 번 더 했음에도 불구하고, 에러가 뜨지 않고 새로운 값이 출력된다. (치명적인 단점이다) var name = 'suyeon' console.log(name) //suyeon var name = 'choi' console.log(name) //choi let: 변수 재선언이 되..