전체 글

🪴 개요this 하면 떠오르는 언어인 Java의 this는 객체인 자기 자신을 가리키는 참조 변수입니다. 주로 매개변수와 자신(객체)이 가지고 있는 변수명이 같을 때, 둘을 구분하기 위해 'this.변수명'으로 사용됩니다. 그러나 자바스크립트의 this는 Java와 같은 언어에서의 쓰임과 다른 점이 있습니다.자바스크립트의 this는 함수를 호출한 방식에 따라 this에 바인딩 될 객체가 동적으로 결정됩니다.(함수를 선언할 때 결정되지 않음 = 정적으로 결정되지 않음)따라서 this는 함수를 '호출한 객체'를 가리킵니다.바인딩(binding)이란 프로그램을 구성하는 어떤 요소의 실제 값 또는 프로퍼티를 결정짓는 행위입니다.this의 경우, 특정 객체나 값을 가리키도록 하는 행위인 것입니다.- cjkang..

🫧 이벤트 흐름표준에서 정의한 DOM 이벤트의 흐름에는 3단계가 존재합니다.캡처링(capturing): 이벤트가 하위 요소로 전파되는 단계타깃(target): 이벤트가 실제로 의도한 타깃 요소에 전달되는 단계버블링(bubbling): 이벤트가 상위 요소로 전파되는 단계예를 들어, 아래와 같은 코드가 있고 테이블의 세 번째 요소에 클릭 이벤트를 할당한 경우 apple banana cherry durian 세 번째 'cherry'..

🌳 예시 html 코드아래는 이 글에서 사용될 전체 html 코드입니다. Cat-1 Ragdoll British Shorthair Scottish Fold Bengal Cat-2 Sphynx Munchkin Persian  🌳 태그 선택 메서드1) getElementById('id_명칭')document.getElementById('id_명칭')html의 id 속성을 이용하여 해당 id를 가진 태그를 반환선택된 태그 안에 다른 태그가 있다면 함께 선택됨id라고 명시했기 때문에 '#'을 작성할 필요 없음코..

🐝 브랜치 전략여러 개발자가 하나의 저장소를 사용하는 환경에서 해당 저장소를 효과적으로 활용하기 위한 work-flow(작업 흐름)- 참조 블로그 아래는 깃 플로우를 검색하면 나오는 가장 대표적인 이미지입니다.깃 플로우에는 5가지의 브랜치 종류가 존재하며 개발의 목적에 따라 사용하게 됩니다.main(master): 실제로 제품이 출시되는 주 브랜치develop: 다음에 출시할 버전을 개발하는 주 브랜치feature: 추가적인 기능을 개발하는 보조 브랜치, develop 브랜치에 포함됨release: 이번에 출시할 버전을 준비하는 보조 브랜치, develop 브랜치에서 개발한 내용을 해당 브랜치로 옮겨와 QA 및 테스트를 진행함hotfix: 출시된 버전(main 브랜치)에서 발생한 버그를 수정하는 보조 ..