JavaScript9 [Javascript] outerEnvironmentReference와 스코프(scope),스코프체인(scope chain) >[Javascript] environmentRecord와 호이스팅(Hoisting) [Javascript] environmentRecord와 호이스팅(Hoisting) >[Javascript] 실행 컨텍스트 [Javascript] 실행 컨텍스트(Execution Context) 실행 컨텍스트(Execution Context)란 함수를 실행할 때 필요한 조건, 환경정보를 담은 객체이다. 콜 스택(call stack)이란 현재 어떤 함수 luka-frontend.tistory.com outerEnvironmentReference란 현재 문맥의 관련 있는 외부 식별자 정보를 참조한다라고 보면 된다. 스코프(scope)란 스코프란 식별자에 대한 유효범위를 뜻한다. 어떤 경계 A의 외부에서 선언한 변수는 A.. 2023. 1. 17. [Javascript]얕은복사 깊은복사 >[Javascript] 원시형과 참조형 얕은 복사 (Shallow copy) 깊은 복사(Deep copy) 참조타입의 복사 방법은 얕은 복사(shallow copy)와 깊은 복사(deep copy)로 나뉜다. 얕은 복사는 참조 타입 데이터가 저장한 '메모리 주고 값'을 복사한 것을 의미한다. 반대로 깊은 복사(deep copy)는 새로운 메모리 공간을 확보해 완전히 복사하는 것을 의미한다. 1. 얕은 복사(Shallow copy) 얕은 복사(Shallow copy)는 참조값의 복사를 나타낸다. const user = { name : 'luka' }; const copyUser = user; copyUser.name = 'lukas'; console.log(user.name); // lukas conso.. 2023. 1. 14. [Javascript] DOM 기초 - Document 알아보기 들어가기에 앞서 브라우저 콘솔 창에 document를 입력해보자. 이처럼 document는 이미 브라우저에 존재하는 object이며, 우리가 접근할 수 있는 HTML을 가리킨다. 한 가지 예로 아래와 같은 HTML을 예시로 작성해 보았다. 브라우저로 실행시킨 후 콘솔 창에 아래와 같은 코드를 입력시켜준다. console.dir(document); title 란에 'Luka'라고 입력되어 있다. 쉽게 말해 콘솔 창에 아래와 같이 입력하면 이 같은 결과를 얻을 수 있다. 이처럼 Javascript 에서는 HTML에 접근하고 읽을 수 있게 설정이 되어있다. 또한 HTML을 변경도 가능하다. 위처럼 title이 'Luca'로 변한것을 확인할 수 있다. 2022. 2. 16. [Javascript] 로컬스토리지(Local Storage) 사용하기 로컬 스토리지(Local Storage)? 로컬 스토리지는 HTML5에서 브라우저에 추가된 저장소이다. 간단한 키와 값을 저장할 수 있고, 저장된 데이터는 사용자가 지우지 않는 이상 브라우저가 종료되어도계속 브라우저에 남아있다. JS로 로컬 스토리지 사용하는 방법 // 데이터 저장하기 localStorage.setItem(key, value); // 데이터 불러오기 localStorage.getItem(key); // 데이터 삭제 localStorage.removeItem(key) // 모든 것 삭제 localStorage.clear() // index에 해당하는 키 소환 localStorage.key(index) // 저장된 항목의 수 localStorage.length 로컬 스토리지 데이터 저장하기 .. 2022. 2. 14. 이전 1 2 3 다음
