Javascript실행
1.[JS] 부모, 자식, 형제 찾기 - node, element
자주 사용 될 거 같아서 정리해 본다. childNodes : 자식요소 찾기 parentNode : 부모요소 찾기 sibling : 형제 찾기 응용 : 부모요소의 이전 형제 사용한 경험 이번에 TODOLIST를 만들면서 현재 li안에 있는를 찾는 자주 사용할 거
2.[JS] DOM다루기- node, element 생성 추가 변경 삭제 복사 방법
오늘은 DOM을 다루며 node를 생성, text 생성, 추가, 변경, 삭제, 복사 하는 방법을 정리해 보려고 한다. 저번에 올렸던 node, element - 부모 형제 자식 찾기도 궁금하다면 보러가도 좋아요. 😀 자, 첫번째는 생성부터 시작 해보자😘 1. 생
3.[JS] 반복문을 이용한 예제 - 별찍기, 구구단
반복문 for, while, 중첩 for, break, continue 정리글 앞서 정리 했던 while문 for문 중첩 for문 break continue 를 가지고 여러 예제인 별그리기와 구구단을 연습했다. 어떻게 왜 코드를 이렇게 짜고 했는지 내 코드를 적어볼
4.[JS] node, element 차이 & nodeType
브라우저 동작원리를 기본적으로 알고 계신 분이라면 렌더링 되는 과정에서 파싱을 통해 DOM Tree가 구축이 된다. ( 이후에 렌더트리가 구축 👉🏻 배치 👉 그리기 를 통해 화면에 보여진다.)작성한 HTML 마크업을 '브라우저가 이해할 수 있는 객체 구조'로 변환
5.[JS] target, currentTarget 차이점
event 객체에 속해있다.IE에서는 target, srcElement로 사용되고, currentTarget은 지원하지 않는다.이 두 프로퍼티는 이벤트 버블링, 캡쳐링이 발생하게 될 때, 차이가 명확하게 보인다.일단, 예시를 보고 이 둘의 차이점을 비교해보자.현재 상황
6.[JS] 속성과 프로퍼티 - setAttribute, getAttribute, 비표준 속성( dataset )
체크리스트를 만들다 checkeBox의 checked가 되었을 때의 이벤트를 어떻게 처리할지 고민하다 이벤트 버블링을 파게 되었고, 관련 메소드길래 공부하다 속성과 프로퍼티까지 와버리고 말았다. ㅋㅋ 나무가지 치기 전법 ! 오히려 좋아 ~ 👍🏼문서, 블로그들을 보고
7.[JS] 이벤트 버블링 / 캡쳐링 / 위임
addEventListener사용법만 알았는데, 체크리스트 만들다가 이렇게 돌고 돌아 깊게 공부하게 되었다. 똑같은 문제로 하루 종일 잡고 있으니, 지치긴했는데 해결책을 알게 되었음 된거다. ( 다독다독😭 )target, currentTarget의 차이점속성과 프로퍼