비전공자 공부일기/:: WEB & Front-End
-
[Javascript 기초] 브라우저 저장소 / 세션, 쿠키, 캐시비전공자 공부일기/:: WEB & Front-End 2021. 9. 8. 00:15
아래 [이직하려는 친구에게 보내는 프런트엔드 개발자 면접 질문]의 글을 보고 선뜻 답이 나오지 않아 복습 & 학습 겸 적어보는 글 질문 리스트는 다음 출처에: https://joshua1988.github.io/web-development/interview/frontend-questions/ 브라우저 저장소에 대해서 설명해 보세요 Web Storage : 데이터를 클라이언트에만 저장할 뿐 서버로 전송은 이루어지지 않는다. 로컬 스토리지, 세션 스토리지로 구분되는데 둘은 데이터 유지 측면과 데이터 범위 측면에서 차이가 있다. 1) Local Storage 로컬 스토리지 : 브라우저를 닫았다가 다시 열어도 계속 유지-- 영구저장소 Windows 전역 객체의 LocalStorage 컬렉션을 통해 저장과 조회가..
-
-
-
-
-
-
-
[JavaScript] 프로토타입 객체와 prototype, __proto__비전공자 공부일기/:: WEB & Front-End 2020. 6. 22. 15:33
저번 글에서 자바스크립트의 객체 생성방식과 프로토타입에 대해 간단히 알아보았다. ▼ [JavaScript] 자바스크립트의 객체, 프로토타입 자바스크립틍 자바스크립트에서 객체를 생성하는 방법은 다음 3가지가 있다. 1. 기본 객체(Object() 객체)의 생성자 함수를 이용 2. 객체 리터럴을 이용 3. 생성자 함수 이용 1. 기본객체의 생성자 함 codingwanee.tistory.com 저번글 핵심요약 자바스크립트에서 객체를 생성하는 3가지 방식 1. 기본객체의 생성자 함수(Object()) 2. 객체 리터럴 (생성시에 중괄호 안에 속성 부여) 3. 생성자 함수(new) 프로토타입이란? 객체의 원형 프로토타입 기반 언어는 객체의 원형인 프로토타입을 이용해 새로운 객체를 만들어내고, 이 객체는 다시 다른..
-
[JavaScript] 자바스크립트의 객체, 프로토타입비전공자 공부일기/:: WEB & Front-End 2020. 6. 22. 14:32
자바스크립틍 자바스크립트에서 객체를 생성하는 방법은 다음 3가지가 있다. 1. 기본 객체(Object() 객체)의 생성자 함수를 이용 2. 객체 리터럴을 이용 3. 생성자 함수 이용 1. 기본객체의 생성자 함수를 이용 Object 객체를 생성하고, 여기에 새로운 프로퍼티를 추가하는 방법 // Object 형태로 객체 생성 let objSample = new Object() // 객체에 속성과 속성값을 추가 objSample.property1 = 'value1' objSample.property2 = 'value2' objSample.property3 = 'value3' 2. 객체 리터럴을 이용 변수를 생성할 때 중괄호 안에 생성할 객체의 프로퍼티를 정의하면 된다. // 비어있는 객체 생성 let test..
-
[JavaScript] 자바스크립트의 document 객체비전공자 공부일기/:: WEB & Front-End 2020. 6. 21. 02:16
이전 글로 HTML의 DOM 객체에 대한 설명을 적었었다. ▼ [JavaScript] HTML DOM 객체 (Document Object Model) 저번 글로 자바스크립트의 객체 모델 두 가지 (DOM, BOM)에 대해 간략히 알아보는 글을 올렸었다. ▼ [JavaScript] 자바스크립트의 객체 모델 DOM, BOM 자바스크립트에서 BOM, DOM이라는 개념은 무척 중요�� codingwanee.tistory.com 이전 글에서 다룬 바 있지만 다시 정리해본다. document는 DOM 트리의 최상위 객체이다. 브라우저는 HTML 문서를 로드하기 전에 document 객체를 먼저 만든다. 그리고 document 객체를 뿌리로 하는 DOM 트리를 만든다. document 객체의 역할은 아래와 같다. -..