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..
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 객체를 참조합니다. 객체의 함수에서는 현재 이 함수(메서드)가 속한 객체를 실행 컨텍스트로 잡고 참조합니다. 함수 ..
브라우저 저장소의 종류는 아래와 같다. - 로컬 스토리지 - 세션 스토리지 - 쿠키 모든 스토리지는 "Key:Value"로써 저장 가능하다. 로컬 스토리지 로컬 스토리지, 내 컴퓨터 Chrome 프로그램 폴더에 저장되어 있는 것이기 때문에 고의로 삭제하지 않는 이상 이 자료는 삭제되지 않는다. 추 후 웹사이트 재 방문 시 활용할 수 있다. 아이디 자동 입력 등의 로그인 옵션을 저장하여 활용하면 좋을 듯 싶음 세션 스토리지 세션 스토리지, 브라우저가 서버와의 세션이 유지되는 동안에만 저장되는 데이터이다. 세션이 끊어지면, 저장소에 있는 자료는 삭제된다. 추 후 재접속할 때의 정보는 이 저장소에 담기 부적절하다. 민감하지 않는 정보를 자동입력 기능을 위해 사용하거나, 비 로그인 상태에서 장바구니에 담긴 것들..
- Total
- Today
- Yesterday
- querySelectorAll
- js
- undefined
- getElementsByTagName
- ts(2564)
- event delegation
- querySelector
- jsconfig
- getElementById
- start with digit
- SMUI
- leftJoin
- code technic
- webpack
- CRA
- DOM API
- Nullish coalescing operator
- craco-alias
- getElementsByClassName
- url mapping order
- flutter doctor
- Function scope
- tsconfig
- Lexical scope
- android-licenses
- state_undefined
- Global scope
- NodeSelector
- save-exact
- hmr
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |