프론트엔드/JS 공부15 스토리지(Storage) 최종 수정 : 2024-05-01세션 스토리지와 로컬 스토리지사이트마다 클라이언트에서만 사용하고 싶은 데이터를 저장해 놓고 싶을 때 사용한다. 세션 스토리지(Session Storage)현재 탭에서만 유요한 저장소이다.탭을 닫으면 데이터가 사라진다.다른 탭과 데이터는 공유되지 않는다.// 값을 저장const data = inputElement.value;sessionStorage.setItem('draft', data);// 값을 참조하여 사용const draftData = sessionStorage.getItem('draft');// 값 지우기sessionStorage.removeItem('draft');로컬 스토리지(Local Storage)해당 사이트에서 유요한 저장소이다.탭을 닫거나 브라우저를 닫.. 2024. 5. 1. 쿠키(Cookie) 최종 수정 : 2024-05-01쿠키서버로부터 리스폰스로 쿠기를 받으면, 클라이언트에서는 별도로 작업을 해주지 않아도 알아서 웹 브라우저가 알아서 저장하고 리퀘스트를 보낼 때도 알아서 보낸다.자바스크립트를 통해 쿠키 값을 추가, 수정, 참조할 수 있다.수명을 지정할 수 있다. 수명이 다한 쿠키는 알아서 삭제된다.사용 방법서버에서 리스폰스할 때서버에서 set-cookie 헤더를 리스폰스로 보내주면 웹 브라우저는 알아서 쿠키 값을 저장해 둔다.Set-Cookie: session-id=1234; Domain=codeit.kr; Path=/; HttpOnly; Secure; SameSite=Strict; Max-Age=2592000;session-id : 쿠키의 key1234 : 값domain, path, sa.. 2024. 5. 1. 객체 - 배열 - 문자열의 상관 관계 최종 수정 : 2024-04-26객체 - 배열 - 문자열의 상관 관계객체 - 배열(유사 객체) - 문자열(유사 배열) 객체는 키와 값으로 구성된 프로퍼티들의 집합이다. 대괄호 표기법과 점 표기법을 통해, 프로퍼티에 접근할 수 있으며 프로퍼티를 조작하거나 생성할 수 있다. 자바스크립트의 함수는 일급 객체로 값으로써, 프로퍼티 값으로 사용할 수 있다. 이를, 메서드라고 하며, 객체에 종속된 함수라고 이해하면 된다. 배열은 엄밀히 말하면, 객체이다. 단지, 특수한 목적으로 설계된 객체일 뿐이다. 객체와 달리, 요소에 접근할 때는 대괄호 표기법을 통해서만 가능하다. 배열도 일종의 객체라서 참조값의 특징처럼 요소의 값을 조작할 수 있다. 그러나 객체와 다른 점은, 순서가 보장이 되고 길이를 나타내는 length .. 2024. 4. 26. [JS Q.R 스터디] 3번째 모임 질문 QnA 최종 수정 : 2024-04-25JS Q.R 질문 QnA1. 배열의 고차함수의 특징을 함수형 프로그래밍 관점에서 설명해주세요.배열의 고차 함수(Higher-Order Function, HOF)는 함수를 인수로 전달받거나 함수를 반환한다. 자바스크립트의 함수는 일급 객체이므로 함수를 값처럼 인수로 전달할 수 있으며 반환할 수도 있다. 덕분에, 불변성(immutability)을 지향하는 함수형 프로그래밍 관점을 따를 수 있다. 결국, 순수 함수를 통해 부수 효과를 최대한 억제하여 오류를 피하고 프로그램의 안정성을 높이려는 목적을 두고 있다.2. 배열의 메소드는 mutator method와 accessor method로 분류할 수 있습니다. 둘 중 권장되는 방법과 이유는 무엇인가요?가급적 원본 배열을 직접 변.. 2024. 4. 25. [JS Q.R 스터디] 2번째 모임 질문 QnA 최종 수정 : 2024-04-18 JS Q.R 질문 QnA 1. 변수가 필요한 이유는 무엇이며, 값이 재할당 될 경우 자바스크립트 엔진은 어떤 일을 수행하나요? -> 변수는 값이 저장되는 위치를 가리키는 값에 대한 이름이다. 값들을 구분하기 위한 식별자라고도 부른다. 값이 재할당되면, 기존에 가리켰던 값은 사용하지 않게 되므로, 자바스크립트 엔진은 가비지 콜렉터로 메모리에서 자동 해제한다. 하지만 언제 해제될지는 예측할 수 없다.. 2. var, let, const 키워드로 선언한 변수들의 특징은 무엇인가요? -> var 키워드로 선언한 변수는 함수 레벨 스코프를 갖으며, 변수의 호이스팅이 발생한다. 또한, 변수의 선언과 초기화가 별도로 이루어지며, 처음 선언됐을 때는 undefined가 할당된다. 이후.. 2024. 4. 18. 이전 1 2 3 다음
