전체 보기 (223) 썸네일형 리스트형 todo 버전1 todo list 코드리뷰 `````` 대문자로쓰는것 관례 `````` 왜 ko-KR로 나눴나? 함수는 함수끼리 , 에드이벤트리스너는 에드이벤트 리스너끼리 모으는게 좋다 가독성있게 한단락을 띄우자 이벤트함수 통일 (onclick, addEventHandler) 전역변수를 줄이기 위해(즉시실행 함수, type 모듈) 상태를 유지하는 메커니즘(어트리뷰트, 프로퍼티) 어트리뷰트와 프로퍼티의 차이 어트리뷰트는 값이 있어야한다, checked는 뭐라도 값이있으면 체크된다 어트리뷰트는 초기값이다 변하지않는다 (정적이다) .getattribute 프로퍼티는 현재값이다 변한다 (동적이다) .value , .checked if(e.target.checked === true)프로퍼티 값이기 때문에 true false를 가.. stop-watch 00:00:00 Start counter + 0 - toggle DOM 클래스부분 class Circle { constructor(radius) { console.log(this) this.radius = radius; // 반지름 console.log(this) } // 원의 넓이 getArea() { return Math.PI * Math.pow(this.radius, 2); } } // 자식 클래스 class Cylinder extends Circle { //extend가 있으면 자바스크립트느 상속받는 엔진이라고 생각 constructor(radius, height) { super(radius); // 빈객체를 만들지 않고 super를 호출해서 super가 만든 this를 받는다 그후 암묵적으로 자신의 this에 할당 this.height = height; //supe.. 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이라는 변수에 .. 배열의 고차함수 배열의 고차함수 for each, reduce, map, filter 2주차까지 문법,용어(동작원리를 익힘) 함수는 객체이다 -> 인자나 반환값으로 전달할 수 있다 고차함수 (함수형 프로그래밍에 대한내용) 함수를 인자로 받거나, 함수를 리턴하거나 - 쓰는 이유 : 전달하는 함수에 도움을 받아 함수의 동작을 바꿈 -기능을 쪼개면 쪼갤수록 변할부분이 작아진다. (유지보수에 용이) 빨리 고칠 수 있고, 고쳤을때 영향이 덜간다 -외부상태가 안변했음 좋겠다.. 노력하자 (외부 상태에 의존성이없다) 동일한 인수를 주면 동일한 반환값을 준다.(순수함수를 추구한다) -외부상태에 의존하면 인수가 바뀌면 반환값도 바뀐다 프레임워크마다 지향하는 패러다임 - 리액트(기본적으로 객체지향- 함수형을 원함) 앵귤러(기본적으로 객체.. 이전 1 ··· 14 15 16 17 18 19 20 ··· 28 다음