javascript

자바스크립트에서 변수 선언은 var, let, const이 있다실제 동작 레벨에서 보면 호이스팅 타이밍, 초기화 방식, 스코프 결정 구조에서 차이가 크며프론트엔드 면접 질문으로도 많이 물어보는 것 같아 정리하게 되었다1.호이스팅(Hoisting)자바스크립트에서 코드는 실행되기 전에 변수 선언과 함수 선언이 먼저 메모리에 등록된다. 이 과정을 호이스팅이라고 부른다.즉, 변수 선언이 작성 위치와 상관없이 스코프의 최상단으로 끌어올려진 것처럼 동작한다.var → 선언과 동시에 초기값(undefined)까지 호이스팅let, const → 선언만 호이스팅, 초기화는 실행 시점에서 이루어짐console.log(a); // undefinedvar a = 10;console.log(b); // ReferenceErro..

웹사이트를 보다 보면 화면 스크롤을 내리면 특정 이미지나 글씨가 자연스럽게 나오는 애니메이션을 본 적 있을 것이다만드는 방법을 정리해 보겠다 대표적인 예시 영상이다 특정요소가 화면에 보이면 자연스럽게 애니메이션 하듯이 나온다 1. IntersectionObserver 관찰자 사용 치킨,피자,탕수육,짜장면 파이썬,자바스크립트,c언어 에스파,아이브,엔믹스,블랙핑크 애니메이션 할 html 요소를 queryselectorAll을 사용해서 변수에 담아주고div로 내가 감지하려고 하는 요소를 observe() 메서드 안에 넣어준다 2.threshold로 감지하기let observer =..

오늘은 자바스크립트의 객체 구조분해 할당등에 대해 공부하였다1. 객체 사용법자바스크립트는 객체 기반의 언어이며 객체는 키와 밸류 형태로 이루어져 있다{}대괄호를 사용하며 객체 안에 데이터, 함수 등이 들어갔다 보면 됨let abc = { a : 10, b :22} // a가 키 , 10이 벨류let data =20let obj = { data}키와 벨류 한쌍을 객체의 속성이라고 한다객체를 만든 거를 사용하는 방법이 다console.log(abc) // { a: 10, b: 22 } 대괄호 안에 형태가 나온다console.log(abc.a) // 10 객체 형태안에 a의 키값인 10이 출력된다 , abc.b는 22console.log(obj.data) // 202. 객체의 속성함수 (객체에..