클로저
-
클로저 (Closure)개발공부/CS 2023. 11. 24. 16:55
클로저의 동작 원리를 이해하면 코드의 유연성, 안정성, 모듈화 등 여러 측면에서 이점을 얻을 수 있다고 한다. 그래서 오늘은 클로저에 대해 공부하여 프론트엔드 개발자로서 필요한 소양을 쌓아보자! 클로저 (Closure) 먼저 클로저에 대한 정의를 살펴봤다. 함수가 선언된 시점에서의 환경(스코프)를 기억하고 있는 함수 위에 내용은 정말 간단하게 이해할 수 있도록 정리한 것이고, 실제로 찾아봤을 때는 아래와 같은 문구를 확인할 수 있었다. 함수가 속한 렉시컬스코프를 기억하여 함수가 해당 구간 밖에서 실행되어도 그 스코프에 접근할 수 있게 해주는 기능! // one: 렉시컬 환경에는 올라갔지만 초기화되지 않아 사용 불가 // addOne: 렉시컬 환경 O, 사용 가능 let one; // 사용 가능 (하지만 ..
-
5주차 강의이노베이션 캠프/2주차_자바스크립트_문법 2023. 6. 17. 21:32
DOM (Document Object Model) Document(html 파일)를 JS가 알아먹을 수 있는 Object형태로 Modellng 한 것 최상위 노드: document 브라우저에 기본적으로 내장, 브라우저 환경에서만 돌아감 브라우저 환경: 확인 가능 node 환경: 확인 불가능 (ex: vscode) 브라우저의 요소들에 접근하고 조작하는 방법을 제공 속성: 객체의 상태나 특징을 나타내는 값을 저장하는 변수 (예: a.id) 메소드: 객체가 수행할 수 있는 동작이나 기능을 나타내는 함수 // 접근 // id 값에 해당하는 요소에 접근하여 값을 반환 document.getElementById("id"); // class 값에 해당하는 요소에 접근하여 값을 반환 document.getElement..