프렙 4

1. 프로토타입 다시 한번 보기

 

2. 프로토타입 문제 6번

 

3. html에서 그룹화 해주는 div 태그,  class값을 주고 사용할 일이 없다면

시멘틱 태그 이용 ? or  ,div태그에 사용하진 않지만 class지정  or  div 클래스지정 x

(가독성문제)

 

4. 캘린더 todoRemove 함수

var list = e.target.parentNode.parentNode.parentNode; 

와 같은 코드 개선 방법

 

5. viewTodoList > addTodo 함수

자식의 클래스가 x인것을 찾는데 , 자식의 클래스가 다수이면 모두 적어야 하는지 ?

ex) 자식 클래스 : class = "x y z" 

 

5-2. 자식 태그 선택시 클래스나 ,태그네임으로 선택 바로 할 수는 없는지 ?

// 자식수 만큼 for문으로 비교대상 클래스로 찾는게 아니라

자식중의 x 클래스 , 자식중의 x 태그로 바로 선택 방법

 

6. editTodo함수 editInput.addEventListener();

에러 발생

Uncaught DOMException: Failed to execute 'remove' on 'Element': 

The node to be removed is no longer a child of this node. Perhaps it was moved in a 'blur' event handler?

정확한 에러 이유 ?

e.target.blur();

이벤트 타겟이 포커스를 잃는다 ? 동작원리

 

 

---

코딩테스트 11월 초

 

-피드백

todo의 완료 ,취소시 데이터가 모두 이동하는것 비효율적

자료구조 바꾸기

 

3. 사용하지 않으면 div 그냥 두기

4. querySelector 이용

5. classList 이용 => true , false

5-2. querySelector

6. 동시에 같은 DOM제어 실행 

실제로 바로 지워지는게 아니라 조금 후에 지워져서

동시에 지우는것을 실행하면 서로 충돌

 

- js파일 맨 위 클래스 , id변수 받아오는것 

사용 빈도수에따라 문제 X

변수는 생성하면 일정 메모리 사용

 

-기술문서 어떤 기능이 있는지 꼼꼼하게 읽기