search

8주차 복습일지

img

hashtag
[JS]

hashtag
2023 08 21 월 [JS] DOM 심화arrow-up-right

  1. createTextNode("")

  2. appendChild(a) / append(a,b)

  3. 요소 내 컨텐츠를 가져오는 프로퍼티 비교

  • innerText : 렌더링된 결과물의 텍스트

  • innerHTML : HTML 태그 내 코드 몽땅

  • textContent : 자손들을 포함한 태그 내 텍스트 모두

  • value : input 안에 입력받은 값

  1. 요소 속성 설정하기 getAttribute('속성명')/ setAttribute('속성명', '속성값')

  2. 노드.dataset.xx >> 속성 중 data-xx = "xx" 의 속성값을 가져옴

  3. insertAdjacentHTML("위치", "들어갈 내용")

  • beforebegin : 여는태그 앞에

  • afgerbegin : 여는태그 뒤에

  • beforeend : 닫는태그 앞에

  • afterend : 닫는태그 뒤에

  1. capturing / bubbling 이벤트가 발생한 요소를 최상위 노드부터 순차적으로 찾아들어가는 과정인 캡처링의 부산물로 요소를 찾은 뒤 다시 최상위 노드까지 올라가는 과정인 버블링이 일어난다.

hashtag
2023 08 22 화 [JS] event, 객체, 생성자, 프로토타입arrow-up-right

  • 이벤트 위임 event Deligation

  • 커스텀 셀렉트 박스

  • 객체지향 프로그래밍 - 추상화

  • 프로토타입 - 인스턴스들이 공유하는 공통의 공간

hashtag
2023 08 23 수 [JS] class, 상속, privatearrow-up-right

  • 생성자 함수(대문자로 시작)은 .prototype으로 접근, 객체는 .__proto__로 접근

  • 프로토타입에 메서드 추가

  • 생성자함수명.prototype.메서드명 = function(){}

  • 상속 : class 클래스명 extends 부모 {}

  • 오버라이딩, 오버로딩

  • 프라이빗 프로퍼티 ex. #password

hashtag
2023 08 24 목 [Sass]arrow-up-right, [review-note 페이지 수정]

hashtag
2023 08 25 금 [Update: [review-note] btn-new 아이콘, 위치 수정arrow-up-right]

Previous7주차 복습일지Next9주차 복습일지

Last updated