공부/TIL-D (65) 썸네일형 리스트형 [angular] 템플릿 참조변수, 세이프 내비게이션 연산 angular 템플릿 참조변수 dom요소에 대한 참조를 담고있는변수, 템플릿 요소 내에서 해시 기호(#)에 뒤에 변수명 '템플릿'내에서 해시 기호 없이 참조 ->템플릿 내에서만 유효 ,부수효과 없음 ->참조 변수값을 이벤트 바인딩을 통해 컴포넌트 클래스로 전달 가능 세이프 내비게이션 연산자 = ? 컴포넌트 클래스 프로퍼티값이 null / undefined일때 에러회피 -아무것도 표시하지 않음, deg, clientX, clientY if(e.clientX >= left && e.clientX analog, dital watch stop-watch 00:00:00 Start counter + 0 - toggle todo v2 const $todos = document.querySelector('.todos'); const $inputTodo = document.querySelector('.input-todo'); const $custom = document.querySelector('.custom-checkbox'); const $btn = document.querySelector('.btn'); let $active = document.querySelector('.active-todos'); const $nav = document.querySelector('.nav'); //css nav클래스의 ul엘리먼트를 $nav변수에 할당 let todos = []; function render() { let html = ''; to.. Todo v1 const $todos = document.querySelector('.todos'); //ul const $inputTodo = document.querySelector('.input-todo'); // 입력창 const $custom = document.querySelector('.custom-checkbox'); // 전체체크 const $btn = document.querySelector('.btn'); //완료한것 삭제버튼 let $active = document.querySelector('.active-todos'); //개수 보여주기 let todos = []; //todos라는 빈배열만듬 function render() { //랜더링함수 let html = ''; //html이라는 변수에 .. 이전 1 2 3 4 5 6 ··· 9 다음