2024/04 2

ol.Interaction 몇가지

1.Modify : 벡터 피처를 수정. 기존의 점, 선, 면과 같은 기하 도형의 위치나 형태를 변경 (+alt키 누르고 클릭시 꼭지점 없앨 수 있음.) 2.Translate : 객체를 한 위치에서 다른 위치로 이동 3.Draw : 새로운 벡터 피처(점, 선, 면 등)를 그리는 데 사용 4.Snap : 피처를 그리거나(draw) 수정할 때(modify) 다른 피처에 자동으로 '붙도록' 하는 기능을 제공. 정확한 위치에 피처를 배치하고자 할 때 유용 /** * 1.Modify : 벡터 피처를 수정. 기존의 점, 선, 면과 같은 기하 도형의 위치나 형태를 변경 (+alt키 누르고 클릭시 꼭지점 없앨 수 있음.) 2.Translate : 객체를 한 위치에서 다른 위치로 이동 3.Draw : 새로운 벡터 피처(점..

카테고리 없음 2024.04.19

클로저(closure)와 this 컨텍스트를 강제로 설정하는 방법

클로저(closure)를 활용한 예시입니다. 클로저는 함수와 그 함수가 선언될 당시의 렉시컬 환경(lexical environment)과의 조합으로, 이를 통해 함수가 자신이 선언될 때의 스코프에 있는 변수를 기억하고 접근할 수 있게 됩니다. 이러한 특성 때문에 클로저는 이벤트 핸들러나 콜백 함수에서 특정 데이터를 참조하고 싶을 때 유용하게 사용될 수 있습니다. // 클릭 이벤트 리스너에 클로저 사용 tr.addEventListener('click', ((data) => () => { // 클릭 시 수행할 작업 console.log('Selected:', data); // 예: 클릭한 주소의 상세 정보 표시 })(storage)); // 클로저를 활용하여 각 행의 특정 데이터에 접근 함수의 this 컨텍..

카테고리 없음 2024.04.01