Study3 [Study] 스코프 | Lexical scope, Scope chain, Global scope, Function scope JS는 lexical scope를 따릅니다. JS의 변수 스코프를 이해하기 위해 관련된 개념을 알아봅니다. Global scope 글로벌 스코프는 Global 객체인 Window 객체의 Scope를 말합니다. JS는 별 다른 Main 함수가 없기 때문에, JS를 처음 접하시는 분들은 Global scope에 변수를 선언하기 쉽습니다. Global scope에 변수를 선언하게 되면, 다른 변수와 변수명이 겹쳐 충돌할 가능성이 있습니다. let testWord = "Global scope hello world!" // Global scope const functionScope = () => { let testWord = "Local scope hello world!" // Function scope cons.. 2021. 4. 22. [Study] this keyword | call, apply, bind this 키워드는 실행 컨텍스트를 참조합니다. 실행 컨텍스트는 각 상황별로 나뉩니다. 각 상황별 this 키워드가 어떤 객체를 참조하는지 정리 하였습니다. 전역 컨텍스트 global 객체(window) 참조 전역 컨텍스트 에서는 global객체인 window 객체를 참조합니다. console.log('this', this) // window object console.log('this === window', this === window) // true this.a = 13 console.log('window.a: ', window.a) 함수 컨텍스트 전역 컨텍스트의 함수 에서는 global 객체를 참조합니다. 객체의 함수에서는 현재 이 함수(메서드)가 속한 객체를 실행 컨텍스트로 잡고 참조합니다. 함수 .. 2021. 4. 19. [Study] 브라우저 저장소 | 로컬 스토리지, 세션 스토리지, 쿠키 브라우저 저장소의 종류는 아래와 같다. - 로컬 스토리지 - 세션 스토리지 - 쿠키 모든 스토리지는 "Key:Value"로써 저장 가능하다. 로컬 스토리지 로컬 스토리지, 내 컴퓨터 Chrome 프로그램 폴더에 저장되어 있는 것이기 때문에 고의로 삭제하지 않는 이상 이 자료는 삭제되지 않는다. 추 후 웹사이트 재 방문 시 활용할 수 있다. 아이디 자동 입력 등의 로그인 옵션을 저장하여 활용하면 좋을 듯 싶음 세션 스토리지 세션 스토리지, 브라우저가 서버와의 세션이 유지되는 동안에만 저장되는 데이터이다. 세션이 끊어지면, 저장소에 있는 자료는 삭제된다. 추 후 재접속할 때의 정보는 이 저장소에 담기 부적절하다. 민감하지 않는 정보를 자동입력 기능을 위해 사용하거나, 비 로그인 상태에서 장바구니에 담긴 것들.. 2021. 4. 17. 이전 1 다음