자식 노드의 선택 => element.children(엘러먼트만 포함) / element.childNode(텍스트 노드까지 포함) fetch로 데이터를 받아 사용하려 하는데,클래스의 구성을 어떻게 해서 나눠야 할지 감이 하나도 안 온다.그야말로 떠오르는 게 없다.멍청
promise => 비동기 코드를 동기적인 코드처럼 실행 가능하다.promise is object,비동기 작업의 결과를 반환하는 객체.promise객체는 pending,fullfilled(resolve),reject의 3가지 상태를 가짐executor를 매개변수로 받고
class Animal { constructor (name,age) { this.name=name; this.age =age; } run() { console.log(${this.name}이 열심히 달리네) } setName (name) {
document.querySelectoAll().forEach()=>nodeList대해 forEach쓰기에 가능document.getElementsByClassName() => htmlCollection반환하기에 forEach못 씀, for문 사용 혹은 Array.fr
return NodeList기에 어떤요소 가져오려면 el.getElementByClassName0으로 써야,따라서 요소에 id주고 el.getElementById()혹은 .querySelector쓰자\-고칠 것1.키보드 입력시 생성된 리스트 중 하나를 클릭시 해당 요소
aside=>문서의 주요 내용과 간접적인 부분 나타낼 때 사용nav,ul,li,p,aside,header,main=>block element인라인 요소는 데이터와 다른 인라인 요소만 포함할 수 있으며, 블록 요소는 포함할 수 없다.< span>을 display:b
flex=>1차원의 요소 배치(한 방향으로만 정렬) / grid=>2차원 요소 배치(x,y축 동시에 정렬 가능)사용법 =>container에 grid줘야.wrapper { display:grid; grid-template-columns:50% 20% 30%;
z-index 기본값 0 / z-index는 position:static에는 적용이 안되나?position : relative하니 z-index가 잘 먹었다
table thead->tr(행)->th(열의 제목)tbody->tr(행)->td(열,내용을 넣을 때 사용)display:inline이기에 패딩,마진 쓰려면 디스플레이 바꿔줘야border-collapse(default:separte) : collapse or borde
model=>데이터view=>화면controller=>모델과 뷰를 중개(실제적인 로직 작성?)
//상단 view(발생) , 본문 뷰(수신),하단 뷰 (수신)// 모델=> 데이터 보관 / 상태 변경을 해도 된다.//모델의 데이터 변화시 구독하는 뷰가 변화=>뷰가 변해도 모델의 데이터는 바뀌어서는 안된다(의존성 낮추기)//Modelconst Students = {
\-옵저버 패턴: 각 모듈의 중간에서 서로의 상태 변화를 관찰하는 객체를 만드는 것\-모듈의 데이터나 상태 변화시 옵저버에게 전달하고, 옵저버는 상태/데이터 변화와 연관된 모듈의 핸들러(함수)를 호출하여 작업 실행\-각 모듈에서 할 것=> 어떤 상태/데이터 변화에 어떤
비동기 함수의 처리 결과를 반환하는 경우, 순서가 보장되지 않기 때문에 그 반환 결과를 가지고 후속 처리를 할 수 없다. 즉, 비동기 함수의 처리 결과에 대한 처리는 비동기 함수의 콜백 함수 내에서 처리해야 한다.