lyla-bae 님의 블로그

👇 예전에 클로저와 스코프에 대해 간단히 적었던 글이 있었다 2025.08.12 - [JS] - 클로저와 스코프 클로저와 스코프나의 최애동료 지유님이 추천해준 일주일에 한번씩 기술면접을 위한 질문을 메일로 보내주는 매일메일을 알게되었다!첫 질문부터 모르는 질문이여서 당황스럽긴한데 뭐 당연한걸수도,,(이제lyla-bae.tistory.com 간단하게 다시 설명하면 스코프는 유효범위, 클로저는 함수가 종료되더라도 그 유효범위(스코프)를 기억해놓는 열쇠같은 함수 라고 했다. 오늘 호이스팅을 배우면서 떼놓을수 없는 개념들이기에 리마인드하면서오늘 배운 개념들을 다시 정리해보고자 한다 호이스팅이란변수와 함수 선언이 코드 실행전에 해당 스코프의 최상단 1빠로 끌어올려지는 현상을 말한다. 근데 여기서 주의해야할것은..

이벤트리스너를 배우고 실습문제를 푸는 중 아래와 같은 상황이 생겼다. 문제상황getElementsByClassName으로 li를 찾아서 거기다 addEventListener을 걸은 것이다.const li = document.getElementsByClassName("item");li.addEventListener("click", ...); // ❌ 에러!​ 알고보니 getElementsByClassName은 [item1,item2,...]같은 배열같은 값 (유사배열객체)을 반환하는데 찐 배열은 아니고 이것을 HTMLCollection이라고 한다.HTMLCellection 자체에는 addEventListener 메소드가 없어서 바로 달지 못한다. 그럼 언제 addEventListener가 바로 먹힐까?/..

나의 최애동료 지유님이 추천해준 일주일에 한번씩 기술면접을 위한 질문을 메일로 보내주는 매일메일을 알게되었다!첫 질문부터 모르는 질문이여서 당황스럽긴한데 뭐 당연한걸수도,,(이제 개발을 배운데다, 면접준비는 안했으니까)덕분에 이렇게 하나하나씩 찾아보면서 블로그에 쌓아나가면 좋을것같아 쓴다 아무튼 잡담은 치우고 클로저와 스코프가 뭐냐함수의 일급객체,,렉시컬 스코프 블라블르 어렵게 말해봐야 어짜피 읽히지도 않을거 빡대가리도 이해할수있게 최대한 풀어써보았다.일단 스코프부터 알고 클로저를 아는게 이해하기 좋을거같다 스코프(Scope): “변수가 살아있는 공간”스코프는 변수에 접근할수있는 범위를 말한다. 크게 전역스코프, 지역스코프가 있다 (이건 변수랑 똑같구먼) let globalVar = "전역";fun..