todo list 코드리뷰
```<!DOCTYPE html>``` 대문자로쓰는것 관례
```<html lang ="ko">``` 왜 ko-KR로 나눴나?
함수는 함수끼리 , 에드이벤트리스너는 에드이벤트 리스너끼리 모으는게 좋다
가독성있게 한단락을 띄우자
이벤트함수 통일 (onclick, addEventHandler)
전역변수를 줄이기 위해(즉시실행 함수, type 모듈)
상태를 유지하는 메커니즘(어트리뷰트, 프로퍼티)
어트리뷰트와 프로퍼티의 차이
어트리뷰트는 값이 있어야한다, checked는 뭐라도 값이있으면 체크된다
어트리뷰트는 초기값이다 변하지않는다 (정적이다) .getattribute
프로퍼티는 현재값이다 변한다 (동적이다) .value , .checked
if(e.target.checked === true)프로퍼티 값이기 때문에 true false를 가져서 뒷부분을 안써줘도된다
그외에는 else처리했음 좋다
-
앵귤러의 프로퍼티바인딩과 어트리뷰트 바인딩
style.textDecoration은 어트리뷰트(인라인)이라 유지됬었다.
.checked = "false"
체크박스가 체크되었는지, 줄이 그어졌는지, 리스트의 순서 (저장해둬야함) = 영속성을 유지한다
이벤트가 발생하면 '대부분' 상태가 변한다 (항상그런것은 아님)
아키텍쳐 (= 구조) 전체적인 틀 방의 크기나 화장실의 개수가 달라지겠지 집이 기울어져있고 이런건아니다 (기본적인 구조는 같다) = mvc
상태관리를 dom에서 하고 있는데 이것을 자료구조를 만들어서 javascript가 관리 해야된다
mvc패턴 = 사용자가 입력한것을 컨트롤러가 받아서 해야할일 확인해줌, 그후 model의 데이터를 고침(자료구조)
model 도 객체라 메소드(행위를 가질 수 있음) -db랑 연결이 되어있음
todo를 mvc로 만든다
우리가 관리해야될 상태가 뭐지? - 바뀌면 저장하고 뷰로 업데이트 한다
ajax는 백엔드와 통신하기 위해(상태를 가져오기도 하고, 상태를 주기도하고)
promise - 비동기를 동기처럼 쓸 수 있는 방법을 찾아낸다.
프로미스에 만족하지 못해서 generator를 만들었다. 근데 난해하다
그래서 어씽크 어웨이 근데 이것도 promise기반이다.
이거랑 아예 구분해서
checked 어트리부트는 '문자열'을갖고있다
.checked 프로퍼티는 '트루,펄스'를 갖고있다