클래스형은 너무 어렵다.. 그냥 어떻게 돌아가는지만 구조만 알아두자.. 자바스크립트 강의 이벤트 핸들러 함수 & “this” JavaScript에서 함수를 호출할 때, 함수 내에서 this 키워드가 가리키는 대상은 함수를 호출하는 방법에 따라 달라진다 addEventListener() 메서드를 사용하여 이벤트 핸들러 함수를 등록한 경우 ⇒이벤트 핸들러 함수 내에서 this는 해당 요소를 가리킨다 const myButton = document.querySelector('#my-button'); myButton.addEventListener('click', function() { console.log('버튼이 클릭되었습니다.'); console.log(this); // myButton 요소 출력 }); bi..

외울려고 정리하는 거였는데 정리만 하고있다... 언제외우지.... ㅎ ⭐️React 📌Virtual DOM이란 무엇이며 Virtual DOM의 작동원리를 설명해주세요 실제 DOM에는 브라우저가 화면을 그리는데 필요한 모든 정보가 들어있어 실제 DOM을 조작하는 작업이 무겁기 때문에 실제 DOM의 변경 사항을 빠르게 파악하고 반영하기 위해 내부적으로 가상 DOM을 만들어서 관리하기 위하여 나왔습니다 DOM의 구조를 흉내낸 JavaScript 객체이며 (트리구조) DOM이 가지고 있는 api addEventListener(), querySelector()를 갖지 않습니다 메모리 상에서 동작하며, 실제로 렌더되는것이 아니기 때문에 연산 비용을 최소화 할 수있습니다 Virtual DOM의 작동원리는 데이터를 업..

오늘은 가볍게 js에대해 정리하고자 한다 const button = document.querySelector("button"); const clickMe = () => { alert("hi"); }; button.addEventListener("click", clickMe); setTimeout(() => { button.removeEventListener("click", clickMe); //리스닝 설정을 특정해서 지우는것이기 때문에 이벤트이름과 함수가 같다 }, 2000); 특정해서 지우는것이기 때문에 이벤트이름과 함수가 같다 }, 2000); 익명의 함수는 안된다 ❌⇒완전히 다른 두개의 객체이기 때문이다 clickMe.bind(this)⇒bind 도 새로운 함수 객체를 만들기 때문에 ❌ ⇒const..

🧩Git -분산 버전관리 시스템으로 컴퓨터 파일의 변경사항을 추척하고 여러명의 사용자들 간에 파일에 대한 작업을 조율하는데 사용한다 =>여러명의 개발자가 하나의 소프트웨어 개발 프로젝트에 참여할 때 소스코드 관리 하는데 주로사용한다 -인터넷 연결이 되지 않은 곳에서도 개발을 진행 할 수 있으며 분산 버전관리이기 때문에 중앙 저장소가 삭제 되어도 원상 복구가 가능하다 => 각각의 Branch 에서 개발한 합치는 merge 방식을 통한 병렬 개발 가능 🧩Github -깃을 사용하는 츠로젝트를 지원하는 웹 호스팅 서비스 Git 설치 Git을 사용하려면 우선 Git을 설치해야 합니다. 다음 링크에서 Git을 다운로드하여 설치할 수 있다 Windows: https://git-scm.com/download/win ..